/** * 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%; }

Our Work

American Oversight is working every day to enforce the public’s right to government records and advance truth, accountability, and democracy.

News and Investigation Updates

/** * 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-featured { margin-top: 32px; } .wp-block-acf-featured .shell { max-width: 1440px; margin: auto; } .wp-block-acf-featured .filters { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: center; gap: 0.6rem; } @media (max-width: 1160px) { .wp-block-acf-featured .filters { justify-content: space-evenly; } } .wp-block-acf-featured .articles { display: grid; grid-template-columns: repeat(3, 1fr); -moz-column-gap: 32px; column-gap: 32px; row-gap: 32px; } .wp-block-acf-featured .articles.columns-2 { grid-template-columns: repeat(2, 1fr); } @media (max-width: 768px) { .wp-block-acf-featured .articles { grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 32px; } } .wp-block-acf-featured .articles.style1 a { position: relative; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: all 0.4s; } .wp-block-acf-featured .articles.style1 a .article__image { overflow: hidden; position: relative; z-index: 0; background-size: cover; background-position: center; padding-bottom: 100%; border-radius: 0px; margin-bottom: 0px; height: 249px; width: 100%; max-width: calc(100vw - 10.6666666667px); } .wp-block-acf-featured .articles.style1 a .article__image > img { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; left: 0px; } .wp-block-acf-featured .articles.style1 a .article__image.overlay:before { border-radius: 0 0 0 16px; } .wp-block-acf-featured .articles.style1 a .article__body { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; padding: 16px 16px 0 16px; display: flex; flex-direction: column; justify-content: space-between; } .wp-block-acf-featured .articles.style1 a .article__body h3 { color: white; text-decoration: none; display: inline-block; transition: all 0.4s; letter-spacing: -0.5px; text-align: center; text-transform: none; } .wp-block-acf-featured .articles.style1 a .article__body p { color: white; line-height: 1.6; text-align: center; } .wp-block-acf-featured .articles.style1 a .article__body .btn { color: white; border-color: white; border-width: 2px; font-weight: 700; margin: auto; margin-bottom: 32px; transition: all 0.4s; } .wp-block-acf-featured .articles.style1 a .article__body:hover { box-shadow: none; } .wp-block-acf-featured .articles.style1 a .article__body:hover .article__image::before { top: 0; left: 0; width: 100%; height: 100%; z-index: 999; position: absolute; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262529+0,262529+30,262529+100&0.6+0,0.3+30,0.1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(38, 37, 41, 0.1) 0%, rgba(38, 37, 41, 0.3) 70%, rgb(38, 37, 41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99262529", endColorstr="#1a262529", GradientType=0); /* IE6-9 */ content: " "; } .wp-block-acf-featured .articles.style1 a .article__body:hover .article__body h3, .wp-block-acf-featured .articles.style1 a .article__body:hover .article__body .kicker { color: white !important; text-shadow: 0 0 6px var(--global--color-primary); } .wp-block-acf-featured .articles.style1 a:hover { text-decoration: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); margin-bottom: 0px; } .wp-block-acf-featured .articles.style1 a:hover .article__image > img { transform: scale(1.1); left: -24px; } .wp-block-acf-featured .articles.style1 a:hover h3 { color: var(--global--color-primary) !important; } .wp-block-acf-featured .articles.style1 a:hover .btn { opacity: 1; background-color: white !important; border-color: var(--global--color-primary) !important; color: var(--global--color-primary) !important; } .wp-block-acf-featured .articles.style2 .article a { text-decoration: none; display: flex; flex-direction: column; gap: 32px; padding-bottom: 32px; transition: all 0.8s; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style2 .article a { gap: 8px; padding-bottom: 16px; } } .wp-block-acf-featured .articles.style2 .article a .article__image { overflow: hidden; position: relative; padding-bottom: 0; transition: all 0.8s; overflow: hidden; position: relative; z-index: 0; border-radius: 0px; margin-bottom: 0px; width: 100%; height: auto; max-width: calc((100vw - 32px) / 3); } @media (max-width: 768px) { .wp-block-acf-featured .articles.style2 .article a .article__image { max-width: 100vw; } } .wp-block-acf-featured .articles.style2 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-featured .articles.style2 .article a .article__body { position: relative; color: var(--global--color-primary); height: auto; } .wp-block-acf-featured .articles.style2 .article a .article__body h2 { color: var(--global--color-primary); text-shadow: none; font-size: 32px; text-transform: none; text-align: left; line-height: 1.33; } .wp-block-acf-featured .articles.style2 .article a:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); padding: 16px; margin-bottom: 38px; } .wp-block-acf-featured .articles.style2 .article a:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-featured .articles.style2 .article a:hover h2 { color: #FFAC00; } .wp-block-acf-featured .articles.style3 { display: grid; grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } .wp-block-acf-featured .articles.style3 .article { background-color: white; border-radius: 8px; } .wp-block-acf-featured .articles.style3 .article:nth-child(even) { background-color: rgba(0, 0, 0, 0.01); } .wp-block-acf-featured .articles.style3 .article a { color: var(--global--color-primary); text-align: left; display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; gap: 12px; opacity: 1; transition: all 0.8s; flex-direction: row; width: 100%; height: auto; min-height: auto; text-decoration: none !important; padding: 10px; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a { flex-direction: column; } } .wp-block-acf-featured .articles.style3 .article a .article__image { overflow: hidden; position: relative; padding-bottom: 0; transition: all 0.8s; overflow: hidden; position: relative; z-index: 0; border-radius: 0px; margin-bottom: 0px; width: 100%; height: 136px; max-width: 136px; } .wp-block-acf-featured .articles.style3 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: 136px; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-featured .articles.style3 .article a .article__body { flex-grow: 1; position: relative; justify-content: space-between; color: var(--global--color-primary); height: auto; display: flex; flex-direction: row; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body { flex-direction: column; } } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body { flex-direction: column; } } .wp-block-acf-featured .articles.style3 .article a .article__body .flex.column::last-of-type() { justify-content: flex-end; align-items: flex-end; row-gap: 16px; } .wp-block-acf-featured .articles.style3 .article a .article__body .tagwrapper { display: flex; flex-direction: row; justify-content: flex-start; gap: 16px; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text { padding-left: 1rem; display: grid; grid-template-columns: 7fr 13em; gap: 16px; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body .title-text { grid-template-columns: 1fr; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text div:nth-child(1) { grid-row: 2; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text div:nth-child(2) { grid-row: 1; } } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text .article__content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text .date { font-family: ivypresto-headline, serif; width: 10em; font-size: 28px; color: #708AA7; } .wp-block-acf-featured .articles.style3 .article a .article__body .link-button { align-items: center; justify-content: center; gap: 16px; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body .link-button { justify-content: flex-end; align-items: flex-end; } } .wp-block-acf-featured .articles.style3 .article a .article__body h3 { color: var(--global--color-primary); text-decoration: none !important; text-align: left; font-size: 28px; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body h3 { font-size: 24px; } } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body h3 { font-size: 24px; } } .wp-block-acf-featured .articles.style3 .article a .article__body p { color: var(--global--color-primary); text-shadow: none; text-align: left; text-decoration: none !important; } .wp-block-acf-featured .articles.style3 .article a .article__body .btn.linearrow, .wp-block-acf-featured .articles.style3 .article a .article__body .btn { position: relative; transition: all 0.8s; padding-left: 32px; } .wp-block-acf-featured .articles.style3 .article a .article__body .btn.linearrow.circlearrow, .wp-block-acf-featured .articles.style3 .article a .article__body .btn.circlearrow { border: none !important; margin: 0 !important; justify-content: flex-end; align-self: flex-end; } .wp-block-acf-featured .articles.style3 .article:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); margin-bottom: 0px; } .wp-block-acf-featured .articles.style3 .article:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-featured .articles.style3 .article:hover h3 { color: var(--global--color-primary); } .wp-block-acf-featured .resultsqty .kicker { color: var(--global--color-primary); } .wp-block-acf-featured .pager { text-align: center; display: flex; justify-content: center; margin: 20px 0; color: var(--global--color-primary); } .wp-block-acf-featured .pager.numbers { font-size: 0.875rem; color: white !important; } .wp-block-acf-featured .pager.numbers .facetwp-pager { display: flex; justify-content: center; gap: 8px; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page { padding: 0.5rem 0.75rem; border: 1px solid var(--global--color-primary); color: var(--global--color-primary); margin-right: 0; transition: all 0.4s; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page.active { background-color: var(--global--color-primary); color: white !important; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page:hover { background-color: var(--global--color-primary); color: white !important; text-decoration: none; }

Investigations

Go inside our investigations and see how we’re uncovering the facts.

/** * 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-featured { margin-top: 32px; } .wp-block-acf-featured .shell { max-width: 1440px; margin: auto; } .wp-block-acf-featured .filters { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: center; gap: 0.6rem; } @media (max-width: 1160px) { .wp-block-acf-featured .filters { justify-content: space-evenly; } } .wp-block-acf-featured .articles { display: grid; grid-template-columns: repeat(3, 1fr); -moz-column-gap: 32px; column-gap: 32px; row-gap: 32px; } .wp-block-acf-featured .articles.columns-2 { grid-template-columns: repeat(2, 1fr); } @media (max-width: 768px) { .wp-block-acf-featured .articles { grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 32px; } } .wp-block-acf-featured .articles.style1 a { position: relative; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: all 0.4s; } .wp-block-acf-featured .articles.style1 a .article__image { overflow: hidden; position: relative; z-index: 0; background-size: cover; background-position: center; padding-bottom: 100%; border-radius: 0px; margin-bottom: 0px; height: 249px; width: 100%; max-width: calc(100vw - 10.6666666667px); } .wp-block-acf-featured .articles.style1 a .article__image > img { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; left: 0px; } .wp-block-acf-featured .articles.style1 a .article__image.overlay:before { border-radius: 0 0 0 16px; } .wp-block-acf-featured .articles.style1 a .article__body { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; padding: 16px 16px 0 16px; display: flex; flex-direction: column; justify-content: space-between; } .wp-block-acf-featured .articles.style1 a .article__body h3 { color: white; text-decoration: none; display: inline-block; transition: all 0.4s; letter-spacing: -0.5px; text-align: center; text-transform: none; } .wp-block-acf-featured .articles.style1 a .article__body p { color: white; line-height: 1.6; text-align: center; } .wp-block-acf-featured .articles.style1 a .article__body .btn { color: white; border-color: white; border-width: 2px; font-weight: 700; margin: auto; margin-bottom: 32px; transition: all 0.4s; } .wp-block-acf-featured .articles.style1 a .article__body:hover { box-shadow: none; } .wp-block-acf-featured .articles.style1 a .article__body:hover .article__image::before { top: 0; left: 0; width: 100%; height: 100%; z-index: 999; position: absolute; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262529+0,262529+30,262529+100&0.6+0,0.3+30,0.1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(38, 37, 41, 0.1) 0%, rgba(38, 37, 41, 0.3) 70%, rgb(38, 37, 41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99262529", endColorstr="#1a262529", GradientType=0); /* IE6-9 */ content: " "; } .wp-block-acf-featured .articles.style1 a .article__body:hover .article__body h3, .wp-block-acf-featured .articles.style1 a .article__body:hover .article__body .kicker { color: white !important; text-shadow: 0 0 6px var(--global--color-primary); } .wp-block-acf-featured .articles.style1 a:hover { text-decoration: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); margin-bottom: 0px; } .wp-block-acf-featured .articles.style1 a:hover .article__image > img { transform: scale(1.1); left: -24px; } .wp-block-acf-featured .articles.style1 a:hover h3 { color: var(--global--color-primary) !important; } .wp-block-acf-featured .articles.style1 a:hover .btn { opacity: 1; background-color: white !important; border-color: var(--global--color-primary) !important; color: var(--global--color-primary) !important; } .wp-block-acf-featured .articles.style2 .article a { text-decoration: none; display: flex; flex-direction: column; gap: 32px; padding-bottom: 32px; transition: all 0.8s; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style2 .article a { gap: 8px; padding-bottom: 16px; } } .wp-block-acf-featured .articles.style2 .article a .article__image { overflow: hidden; position: relative; padding-bottom: 0; transition: all 0.8s; overflow: hidden; position: relative; z-index: 0; border-radius: 0px; margin-bottom: 0px; width: 100%; height: auto; max-width: calc((100vw - 32px) / 3); } @media (max-width: 768px) { .wp-block-acf-featured .articles.style2 .article a .article__image { max-width: 100vw; } } .wp-block-acf-featured .articles.style2 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-featured .articles.style2 .article a .article__body { position: relative; color: var(--global--color-primary); height: auto; } .wp-block-acf-featured .articles.style2 .article a .article__body h2 { color: var(--global--color-primary); text-shadow: none; font-size: 32px; text-transform: none; text-align: left; line-height: 1.33; } .wp-block-acf-featured .articles.style2 .article a:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); padding: 16px; margin-bottom: 38px; } .wp-block-acf-featured .articles.style2 .article a:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-featured .articles.style2 .article a:hover h2 { color: #FFAC00; } .wp-block-acf-featured .articles.style3 { display: grid; grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } .wp-block-acf-featured .articles.style3 .article { background-color: white; border-radius: 8px; } .wp-block-acf-featured .articles.style3 .article:nth-child(even) { background-color: rgba(0, 0, 0, 0.01); } .wp-block-acf-featured .articles.style3 .article a { color: var(--global--color-primary); text-align: left; display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; gap: 12px; opacity: 1; transition: all 0.8s; flex-direction: row; width: 100%; height: auto; min-height: auto; text-decoration: none !important; padding: 10px; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a { flex-direction: column; } } .wp-block-acf-featured .articles.style3 .article a .article__image { overflow: hidden; position: relative; padding-bottom: 0; transition: all 0.8s; overflow: hidden; position: relative; z-index: 0; border-radius: 0px; margin-bottom: 0px; width: 100%; height: 136px; max-width: 136px; } .wp-block-acf-featured .articles.style3 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: 136px; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-featured .articles.style3 .article a .article__body { flex-grow: 1; position: relative; justify-content: space-between; color: var(--global--color-primary); height: auto; display: flex; flex-direction: row; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body { flex-direction: column; } } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body { flex-direction: column; } } .wp-block-acf-featured .articles.style3 .article a .article__body .flex.column::last-of-type() { justify-content: flex-end; align-items: flex-end; row-gap: 16px; } .wp-block-acf-featured .articles.style3 .article a .article__body .tagwrapper { display: flex; flex-direction: row; justify-content: flex-start; gap: 16px; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text { padding-left: 1rem; display: grid; grid-template-columns: 7fr 13em; gap: 16px; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body .title-text { grid-template-columns: 1fr; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text div:nth-child(1) { grid-row: 2; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text div:nth-child(2) { grid-row: 1; } } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text .article__content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text .date { font-family: ivypresto-headline, serif; width: 10em; font-size: 28px; color: #708AA7; } .wp-block-acf-featured .articles.style3 .article a .article__body .link-button { align-items: center; justify-content: center; gap: 16px; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body .link-button { justify-content: flex-end; align-items: flex-end; } } .wp-block-acf-featured .articles.style3 .article a .article__body h3 { color: var(--global--color-primary); text-decoration: none !important; text-align: left; font-size: 28px; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body h3 { font-size: 24px; } } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body h3 { font-size: 24px; } } .wp-block-acf-featured .articles.style3 .article a .article__body p { color: var(--global--color-primary); text-shadow: none; text-align: left; text-decoration: none !important; } .wp-block-acf-featured .articles.style3 .article a .article__body .btn.linearrow, .wp-block-acf-featured .articles.style3 .article a .article__body .btn { position: relative; transition: all 0.8s; padding-left: 32px; } .wp-block-acf-featured .articles.style3 .article a .article__body .btn.linearrow.circlearrow, .wp-block-acf-featured .articles.style3 .article a .article__body .btn.circlearrow { border: none !important; margin: 0 !important; justify-content: flex-end; align-self: flex-end; } .wp-block-acf-featured .articles.style3 .article:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); margin-bottom: 0px; } .wp-block-acf-featured .articles.style3 .article:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-featured .articles.style3 .article:hover h3 { color: var(--global--color-primary); } .wp-block-acf-featured .resultsqty .kicker { color: var(--global--color-primary); } .wp-block-acf-featured .pager { text-align: center; display: flex; justify-content: center; margin: 20px 0; color: var(--global--color-primary); } .wp-block-acf-featured .pager.numbers { font-size: 0.875rem; color: white !important; } .wp-block-acf-featured .pager.numbers .facetwp-pager { display: flex; justify-content: center; gap: 8px; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page { padding: 0.5rem 0.75rem; border: 1px solid var(--global--color-primary); color: var(--global--color-primary); margin-right: 0; transition: all 0.4s; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page.active { background-color: var(--global--color-primary); color: white !important; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page:hover { background-color: var(--global--color-primary); color: white !important; text-decoration: none; }

Litigation

In courtrooms across the country, American Oversight’s legal team is fighting to uphold the public’s right to hold our leaders accountable.

/** * 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-featured { margin-top: 32px; } .wp-block-acf-featured .shell { max-width: 1440px; margin: auto; } .wp-block-acf-featured .filters { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: center; gap: 0.6rem; } @media (max-width: 1160px) { .wp-block-acf-featured .filters { justify-content: space-evenly; } } .wp-block-acf-featured .articles { display: grid; grid-template-columns: repeat(3, 1fr); -moz-column-gap: 32px; column-gap: 32px; row-gap: 32px; } .wp-block-acf-featured .articles.columns-2 { grid-template-columns: repeat(2, 1fr); } @media (max-width: 768px) { .wp-block-acf-featured .articles { grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 32px; } } .wp-block-acf-featured .articles.style1 a { position: relative; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: all 0.4s; } .wp-block-acf-featured .articles.style1 a .article__image { overflow: hidden; position: relative; z-index: 0; background-size: cover; background-position: center; padding-bottom: 100%; border-radius: 0px; margin-bottom: 0px; height: 249px; width: 100%; max-width: calc(100vw - 10.6666666667px); } .wp-block-acf-featured .articles.style1 a .article__image > img { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; left: 0px; } .wp-block-acf-featured .articles.style1 a .article__image.overlay:before { border-radius: 0 0 0 16px; } .wp-block-acf-featured .articles.style1 a .article__body { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; padding: 16px 16px 0 16px; display: flex; flex-direction: column; justify-content: space-between; } .wp-block-acf-featured .articles.style1 a .article__body h3 { color: white; text-decoration: none; display: inline-block; transition: all 0.4s; letter-spacing: -0.5px; text-align: center; text-transform: none; } .wp-block-acf-featured .articles.style1 a .article__body p { color: white; line-height: 1.6; text-align: center; } .wp-block-acf-featured .articles.style1 a .article__body .btn { color: white; border-color: white; border-width: 2px; font-weight: 700; margin: auto; margin-bottom: 32px; transition: all 0.4s; } .wp-block-acf-featured .articles.style1 a .article__body:hover { box-shadow: none; } .wp-block-acf-featured .articles.style1 a .article__body:hover .article__image::before { top: 0; left: 0; width: 100%; height: 100%; z-index: 999; position: absolute; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262529+0,262529+30,262529+100&0.6+0,0.3+30,0.1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(38, 37, 41, 0.1) 0%, rgba(38, 37, 41, 0.3) 70%, rgb(38, 37, 41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99262529", endColorstr="#1a262529", GradientType=0); /* IE6-9 */ content: " "; } .wp-block-acf-featured .articles.style1 a .article__body:hover .article__body h3, .wp-block-acf-featured .articles.style1 a .article__body:hover .article__body .kicker { color: white !important; text-shadow: 0 0 6px var(--global--color-primary); } .wp-block-acf-featured .articles.style1 a:hover { text-decoration: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); margin-bottom: 0px; } .wp-block-acf-featured .articles.style1 a:hover .article__image > img { transform: scale(1.1); left: -24px; } .wp-block-acf-featured .articles.style1 a:hover h3 { color: var(--global--color-primary) !important; } .wp-block-acf-featured .articles.style1 a:hover .btn { opacity: 1; background-color: white !important; border-color: var(--global--color-primary) !important; color: var(--global--color-primary) !important; } .wp-block-acf-featured .articles.style2 .article a { text-decoration: none; display: flex; flex-direction: column; gap: 32px; padding-bottom: 32px; transition: all 0.8s; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style2 .article a { gap: 8px; padding-bottom: 16px; } } .wp-block-acf-featured .articles.style2 .article a .article__image { overflow: hidden; position: relative; padding-bottom: 0; transition: all 0.8s; overflow: hidden; position: relative; z-index: 0; border-radius: 0px; margin-bottom: 0px; width: 100%; height: auto; max-width: calc((100vw - 32px) / 3); } @media (max-width: 768px) { .wp-block-acf-featured .articles.style2 .article a .article__image { max-width: 100vw; } } .wp-block-acf-featured .articles.style2 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-featured .articles.style2 .article a .article__body { position: relative; color: var(--global--color-primary); height: auto; } .wp-block-acf-featured .articles.style2 .article a .article__body h2 { color: var(--global--color-primary); text-shadow: none; font-size: 32px; text-transform: none; text-align: left; line-height: 1.33; } .wp-block-acf-featured .articles.style2 .article a:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); padding: 16px; margin-bottom: 38px; } .wp-block-acf-featured .articles.style2 .article a:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-featured .articles.style2 .article a:hover h2 { color: #FFAC00; } .wp-block-acf-featured .articles.style3 { display: grid; grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } .wp-block-acf-featured .articles.style3 .article { background-color: white; border-radius: 8px; } .wp-block-acf-featured .articles.style3 .article:nth-child(even) { background-color: rgba(0, 0, 0, 0.01); } .wp-block-acf-featured .articles.style3 .article a { color: var(--global--color-primary); text-align: left; display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; gap: 12px; opacity: 1; transition: all 0.8s; flex-direction: row; width: 100%; height: auto; min-height: auto; text-decoration: none !important; padding: 10px; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a { flex-direction: column; } } .wp-block-acf-featured .articles.style3 .article a .article__image { overflow: hidden; position: relative; padding-bottom: 0; transition: all 0.8s; overflow: hidden; position: relative; z-index: 0; border-radius: 0px; margin-bottom: 0px; width: 100%; height: 136px; max-width: 136px; } .wp-block-acf-featured .articles.style3 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: 136px; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-featured .articles.style3 .article a .article__body { flex-grow: 1; position: relative; justify-content: space-between; color: var(--global--color-primary); height: auto; display: flex; flex-direction: row; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body { flex-direction: column; } } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body { flex-direction: column; } } .wp-block-acf-featured .articles.style3 .article a .article__body .flex.column::last-of-type() { justify-content: flex-end; align-items: flex-end; row-gap: 16px; } .wp-block-acf-featured .articles.style3 .article a .article__body .tagwrapper { display: flex; flex-direction: row; justify-content: flex-start; gap: 16px; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text { padding-left: 1rem; display: grid; grid-template-columns: 7fr 13em; gap: 16px; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body .title-text { grid-template-columns: 1fr; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text div:nth-child(1) { grid-row: 2; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text div:nth-child(2) { grid-row: 1; } } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text .article__content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text .date { font-family: ivypresto-headline, serif; width: 10em; font-size: 28px; color: #708AA7; } .wp-block-acf-featured .articles.style3 .article a .article__body .link-button { align-items: center; justify-content: center; gap: 16px; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body .link-button { justify-content: flex-end; align-items: flex-end; } } .wp-block-acf-featured .articles.style3 .article a .article__body h3 { color: var(--global--color-primary); text-decoration: none !important; text-align: left; font-size: 28px; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body h3 { font-size: 24px; } } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body h3 { font-size: 24px; } } .wp-block-acf-featured .articles.style3 .article a .article__body p { color: var(--global--color-primary); text-shadow: none; text-align: left; text-decoration: none !important; } .wp-block-acf-featured .articles.style3 .article a .article__body .btn.linearrow, .wp-block-acf-featured .articles.style3 .article a .article__body .btn { position: relative; transition: all 0.8s; padding-left: 32px; } .wp-block-acf-featured .articles.style3 .article a .article__body .btn.linearrow.circlearrow, .wp-block-acf-featured .articles.style3 .article a .article__body .btn.circlearrow { border: none !important; margin: 0 !important; justify-content: flex-end; align-self: flex-end; } .wp-block-acf-featured .articles.style3 .article:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); margin-bottom: 0px; } .wp-block-acf-featured .articles.style3 .article:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-featured .articles.style3 .article:hover h3 { color: var(--global--color-primary); } .wp-block-acf-featured .resultsqty .kicker { color: var(--global--color-primary); } .wp-block-acf-featured .pager { text-align: center; display: flex; justify-content: center; margin: 20px 0; color: var(--global--color-primary); } .wp-block-acf-featured .pager.numbers { font-size: 0.875rem; color: white !important; } .wp-block-acf-featured .pager.numbers .facetwp-pager { display: flex; justify-content: center; gap: 8px; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page { padding: 0.5rem 0.75rem; border: 1px solid var(--global--color-primary); color: var(--global--color-primary); margin-right: 0; transition: all 0.4s; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page.active { background-color: var(--global--color-primary); color: white !important; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page:hover { background-color: var(--global--color-primary); color: white !important; text-decoration: none; }

Featured Documents

Follow the paper trail and read the public records uncovered by American Oversight’s requests and litigation.

/** * 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-featured { margin-top: 32px; } .wp-block-acf-featured .shell { max-width: 1440px; margin: auto; } .wp-block-acf-featured .filters { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: center; gap: 0.6rem; } @media (max-width: 1160px) { .wp-block-acf-featured .filters { justify-content: space-evenly; } } .wp-block-acf-featured .articles { display: grid; grid-template-columns: repeat(3, 1fr); -moz-column-gap: 32px; column-gap: 32px; row-gap: 32px; } .wp-block-acf-featured .articles.columns-2 { grid-template-columns: repeat(2, 1fr); } @media (max-width: 768px) { .wp-block-acf-featured .articles { grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 32px; } } .wp-block-acf-featured .articles.style1 a { position: relative; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: all 0.4s; } .wp-block-acf-featured .articles.style1 a .article__image { overflow: hidden; position: relative; z-index: 0; background-size: cover; background-position: center; padding-bottom: 100%; border-radius: 0px; margin-bottom: 0px; height: 249px; width: 100%; max-width: calc(100vw - 10.6666666667px); } .wp-block-acf-featured .articles.style1 a .article__image > img { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; left: 0px; } .wp-block-acf-featured .articles.style1 a .article__image.overlay:before { border-radius: 0 0 0 16px; } .wp-block-acf-featured .articles.style1 a .article__body { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; padding: 16px 16px 0 16px; display: flex; flex-direction: column; justify-content: space-between; } .wp-block-acf-featured .articles.style1 a .article__body h3 { color: white; text-decoration: none; display: inline-block; transition: all 0.4s; letter-spacing: -0.5px; text-align: center; text-transform: none; } .wp-block-acf-featured .articles.style1 a .article__body p { color: white; line-height: 1.6; text-align: center; } .wp-block-acf-featured .articles.style1 a .article__body .btn { color: white; border-color: white; border-width: 2px; font-weight: 700; margin: auto; margin-bottom: 32px; transition: all 0.4s; } .wp-block-acf-featured .articles.style1 a .article__body:hover { box-shadow: none; } .wp-block-acf-featured .articles.style1 a .article__body:hover .article__image::before { top: 0; left: 0; width: 100%; height: 100%; z-index: 999; position: absolute; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262529+0,262529+30,262529+100&0.6+0,0.3+30,0.1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(38, 37, 41, 0.1) 0%, rgba(38, 37, 41, 0.3) 70%, rgb(38, 37, 41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99262529", endColorstr="#1a262529", GradientType=0); /* IE6-9 */ content: " "; } .wp-block-acf-featured .articles.style1 a .article__body:hover .article__body h3, .wp-block-acf-featured .articles.style1 a .article__body:hover .article__body .kicker { color: white !important; text-shadow: 0 0 6px var(--global--color-primary); } .wp-block-acf-featured .articles.style1 a:hover { text-decoration: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); margin-bottom: 0px; } .wp-block-acf-featured .articles.style1 a:hover .article__image > img { transform: scale(1.1); left: -24px; } .wp-block-acf-featured .articles.style1 a:hover h3 { color: var(--global--color-primary) !important; } .wp-block-acf-featured .articles.style1 a:hover .btn { opacity: 1; background-color: white !important; border-color: var(--global--color-primary) !important; color: var(--global--color-primary) !important; } .wp-block-acf-featured .articles.style2 .article a { text-decoration: none; display: flex; flex-direction: column; gap: 32px; padding-bottom: 32px; transition: all 0.8s; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style2 .article a { gap: 8px; padding-bottom: 16px; } } .wp-block-acf-featured .articles.style2 .article a .article__image { overflow: hidden; position: relative; padding-bottom: 0; transition: all 0.8s; overflow: hidden; position: relative; z-index: 0; border-radius: 0px; margin-bottom: 0px; width: 100%; height: auto; max-width: calc((100vw - 32px) / 3); } @media (max-width: 768px) { .wp-block-acf-featured .articles.style2 .article a .article__image { max-width: 100vw; } } .wp-block-acf-featured .articles.style2 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-featured .articles.style2 .article a .article__body { position: relative; color: var(--global--color-primary); height: auto; } .wp-block-acf-featured .articles.style2 .article a .article__body h2 { color: var(--global--color-primary); text-shadow: none; font-size: 32px; text-transform: none; text-align: left; line-height: 1.33; } .wp-block-acf-featured .articles.style2 .article a:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); padding: 16px; margin-bottom: 38px; } .wp-block-acf-featured .articles.style2 .article a:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-featured .articles.style2 .article a:hover h2 { color: #FFAC00; } .wp-block-acf-featured .articles.style3 { display: grid; grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } .wp-block-acf-featured .articles.style3 .article { background-color: white; border-radius: 8px; } .wp-block-acf-featured .articles.style3 .article:nth-child(even) { background-color: rgba(0, 0, 0, 0.01); } .wp-block-acf-featured .articles.style3 .article a { color: var(--global--color-primary); text-align: left; display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; gap: 12px; opacity: 1; transition: all 0.8s; flex-direction: row; width: 100%; height: auto; min-height: auto; text-decoration: none !important; padding: 10px; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a { flex-direction: column; } } .wp-block-acf-featured .articles.style3 .article a .article__image { overflow: hidden; position: relative; padding-bottom: 0; transition: all 0.8s; overflow: hidden; position: relative; z-index: 0; border-radius: 0px; margin-bottom: 0px; width: 100%; height: 136px; max-width: 136px; } .wp-block-acf-featured .articles.style3 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: 136px; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-featured .articles.style3 .article a .article__body { flex-grow: 1; position: relative; justify-content: space-between; color: var(--global--color-primary); height: auto; display: flex; flex-direction: row; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body { flex-direction: column; } } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body { flex-direction: column; } } .wp-block-acf-featured .articles.style3 .article a .article__body .flex.column::last-of-type() { justify-content: flex-end; align-items: flex-end; row-gap: 16px; } .wp-block-acf-featured .articles.style3 .article a .article__body .tagwrapper { display: flex; flex-direction: row; justify-content: flex-start; gap: 16px; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text { padding-left: 1rem; display: grid; grid-template-columns: 7fr 13em; gap: 16px; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body .title-text { grid-template-columns: 1fr; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text div:nth-child(1) { grid-row: 2; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text div:nth-child(2) { grid-row: 1; } } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text .article__content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text .date { font-family: ivypresto-headline, serif; width: 10em; font-size: 28px; color: #708AA7; } .wp-block-acf-featured .articles.style3 .article a .article__body .link-button { align-items: center; justify-content: center; gap: 16px; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body .link-button { justify-content: flex-end; align-items: flex-end; } } .wp-block-acf-featured .articles.style3 .article a .article__body h3 { color: var(--global--color-primary); text-decoration: none !important; text-align: left; font-size: 28px; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body h3 { font-size: 24px; } } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body h3 { font-size: 24px; } } .wp-block-acf-featured .articles.style3 .article a .article__body p { color: var(--global--color-primary); text-shadow: none; text-align: left; text-decoration: none !important; } .wp-block-acf-featured .articles.style3 .article a .article__body .btn.linearrow, .wp-block-acf-featured .articles.style3 .article a .article__body .btn { position: relative; transition: all 0.8s; padding-left: 32px; } .wp-block-acf-featured .articles.style3 .article a .article__body .btn.linearrow.circlearrow, .wp-block-acf-featured .articles.style3 .article a .article__body .btn.circlearrow { border: none !important; margin: 0 !important; justify-content: flex-end; align-self: flex-end; } .wp-block-acf-featured .articles.style3 .article:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); margin-bottom: 0px; } .wp-block-acf-featured .articles.style3 .article:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-featured .articles.style3 .article:hover h3 { color: var(--global--color-primary); } .wp-block-acf-featured .resultsqty .kicker { color: var(--global--color-primary); } .wp-block-acf-featured .pager { text-align: center; display: flex; justify-content: center; margin: 20px 0; color: var(--global--color-primary); } .wp-block-acf-featured .pager.numbers { font-size: 0.875rem; color: white !important; } .wp-block-acf-featured .pager.numbers .facetwp-pager { display: flex; justify-content: center; gap: 8px; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page { padding: 0.5rem 0.75rem; border: 1px solid var(--global--color-primary); color: var(--global--color-primary); margin-right: 0; transition: all 0.4s; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page.active { background-color: var(--global--color-primary); color: white !important; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page:hover { background-color: var(--global--color-primary); color: white !important; text-decoration: none; }

Resources and Reports

/** * 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-featured { margin-top: 32px; } .wp-block-acf-featured .shell { max-width: 1440px; margin: auto; } .wp-block-acf-featured .filters { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: center; gap: 0.6rem; } @media (max-width: 1160px) { .wp-block-acf-featured .filters { justify-content: space-evenly; } } .wp-block-acf-featured .articles { display: grid; grid-template-columns: repeat(3, 1fr); -moz-column-gap: 32px; column-gap: 32px; row-gap: 32px; } .wp-block-acf-featured .articles.columns-2 { grid-template-columns: repeat(2, 1fr); } @media (max-width: 768px) { .wp-block-acf-featured .articles { grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 32px; } } .wp-block-acf-featured .articles.style1 a { position: relative; display: block; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: all 0.4s; } .wp-block-acf-featured .articles.style1 a .article__image { overflow: hidden; position: relative; z-index: 0; background-size: cover; background-position: center; padding-bottom: 100%; border-radius: 0px; margin-bottom: 0px; height: 249px; width: 100%; max-width: calc(100vw - 10.6666666667px); } .wp-block-acf-featured .articles.style1 a .article__image > img { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; left: 0px; } .wp-block-acf-featured .articles.style1 a .article__image.overlay:before { border-radius: 0 0 0 16px; } .wp-block-acf-featured .articles.style1 a .article__body { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; padding: 16px 16px 0 16px; display: flex; flex-direction: column; justify-content: space-between; } .wp-block-acf-featured .articles.style1 a .article__body h3 { color: white; text-decoration: none; display: inline-block; transition: all 0.4s; letter-spacing: -0.5px; text-align: center; text-transform: none; } .wp-block-acf-featured .articles.style1 a .article__body p { color: white; line-height: 1.6; text-align: center; } .wp-block-acf-featured .articles.style1 a .article__body .btn { color: white; border-color: white; border-width: 2px; font-weight: 700; margin: auto; margin-bottom: 32px; transition: all 0.4s; } .wp-block-acf-featured .articles.style1 a .article__body:hover { box-shadow: none; } .wp-block-acf-featured .articles.style1 a .article__body:hover .article__image::before { top: 0; left: 0; width: 100%; height: 100%; z-index: 999; position: absolute; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262529+0,262529+30,262529+100&0.6+0,0.3+30,0.1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(38, 37, 41, 0.1) 0%, rgba(38, 37, 41, 0.3) 70%, rgb(38, 37, 41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99262529", endColorstr="#1a262529", GradientType=0); /* IE6-9 */ content: " "; } .wp-block-acf-featured .articles.style1 a .article__body:hover .article__body h3, .wp-block-acf-featured .articles.style1 a .article__body:hover .article__body .kicker { color: white !important; text-shadow: 0 0 6px var(--global--color-primary); } .wp-block-acf-featured .articles.style1 a:hover { text-decoration: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); margin-bottom: 0px; } .wp-block-acf-featured .articles.style1 a:hover .article__image > img { transform: scale(1.1); left: -24px; } .wp-block-acf-featured .articles.style1 a:hover h3 { color: var(--global--color-primary) !important; } .wp-block-acf-featured .articles.style1 a:hover .btn { opacity: 1; background-color: white !important; border-color: var(--global--color-primary) !important; color: var(--global--color-primary) !important; } .wp-block-acf-featured .articles.style2 .article a { text-decoration: none; display: flex; flex-direction: column; gap: 32px; padding-bottom: 32px; transition: all 0.8s; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style2 .article a { gap: 8px; padding-bottom: 16px; } } .wp-block-acf-featured .articles.style2 .article a .article__image { overflow: hidden; position: relative; padding-bottom: 0; transition: all 0.8s; overflow: hidden; position: relative; z-index: 0; border-radius: 0px; margin-bottom: 0px; width: 100%; height: auto; max-width: calc((100vw - 32px) / 3); } @media (max-width: 768px) { .wp-block-acf-featured .articles.style2 .article a .article__image { max-width: 100vw; } } .wp-block-acf-featured .articles.style2 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-featured .articles.style2 .article a .article__body { position: relative; color: var(--global--color-primary); height: auto; } .wp-block-acf-featured .articles.style2 .article a .article__body h2 { color: var(--global--color-primary); text-shadow: none; font-size: 32px; text-transform: none; text-align: left; line-height: 1.33; } .wp-block-acf-featured .articles.style2 .article a:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); padding: 16px; margin-bottom: 38px; } .wp-block-acf-featured .articles.style2 .article a:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-featured .articles.style2 .article a:hover h2 { color: #FFAC00; } .wp-block-acf-featured .articles.style3 { display: grid; grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } .wp-block-acf-featured .articles.style3 .article { background-color: white; border-radius: 8px; } .wp-block-acf-featured .articles.style3 .article:nth-child(even) { background-color: rgba(0, 0, 0, 0.01); } .wp-block-acf-featured .articles.style3 .article a { color: var(--global--color-primary); text-align: left; display: flex; justify-content: space-between; flex-direction: row; align-items: flex-start; gap: 12px; opacity: 1; transition: all 0.8s; flex-direction: row; width: 100%; height: auto; min-height: auto; text-decoration: none !important; padding: 10px; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a { flex-direction: column; } } .wp-block-acf-featured .articles.style3 .article a .article__image { overflow: hidden; position: relative; padding-bottom: 0; transition: all 0.8s; overflow: hidden; position: relative; z-index: 0; border-radius: 0px; margin-bottom: 0px; width: 100%; height: 136px; max-width: 136px; } .wp-block-acf-featured .articles.style3 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: 136px; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-featured .articles.style3 .article a .article__body { flex-grow: 1; position: relative; justify-content: space-between; color: var(--global--color-primary); height: auto; display: flex; flex-direction: row; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body { flex-direction: column; } } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body { flex-direction: column; } } .wp-block-acf-featured .articles.style3 .article a .article__body .flex.column::last-of-type() { justify-content: flex-end; align-items: flex-end; row-gap: 16px; } .wp-block-acf-featured .articles.style3 .article a .article__body .tagwrapper { display: flex; flex-direction: row; justify-content: flex-start; gap: 16px; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text { padding-left: 1rem; display: grid; grid-template-columns: 7fr 13em; gap: 16px; } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body .title-text { grid-template-columns: 1fr; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text div:nth-child(1) { grid-row: 2; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text div:nth-child(2) { grid-row: 1; } } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text .article__content { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .wp-block-acf-featured .articles.style3 .article a .article__body .title-text .date { font-family: ivypresto-headline, serif; width: 10em; font-size: 28px; color: #708AA7; } .wp-block-acf-featured .articles.style3 .article a .article__body .link-button { align-items: center; justify-content: center; gap: 16px; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body .link-button { justify-content: flex-end; align-items: flex-end; } } .wp-block-acf-featured .articles.style3 .article a .article__body h3 { color: var(--global--color-primary); text-decoration: none !important; text-align: left; font-size: 28px; } @media (max-width: 1024px) { .wp-block-acf-featured .articles.style3 .article a .article__body h3 { font-size: 24px; } } @media (max-width: 768px) { .wp-block-acf-featured .articles.style3 .article a .article__body h3 { font-size: 24px; } } .wp-block-acf-featured .articles.style3 .article a .article__body p { color: var(--global--color-primary); text-shadow: none; text-align: left; text-decoration: none !important; } .wp-block-acf-featured .articles.style3 .article a .article__body .btn.linearrow, .wp-block-acf-featured .articles.style3 .article a .article__body .btn { position: relative; transition: all 0.8s; padding-left: 32px; } .wp-block-acf-featured .articles.style3 .article a .article__body .btn.linearrow.circlearrow, .wp-block-acf-featured .articles.style3 .article a .article__body .btn.circlearrow { border: none !important; margin: 0 !important; justify-content: flex-end; align-self: flex-end; } .wp-block-acf-featured .articles.style3 .article:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); margin-bottom: 0px; } .wp-block-acf-featured .articles.style3 .article:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-featured .articles.style3 .article:hover h3 { color: var(--global--color-primary); } .wp-block-acf-featured .resultsqty .kicker { color: var(--global--color-primary); } .wp-block-acf-featured .pager { text-align: center; display: flex; justify-content: center; margin: 20px 0; color: var(--global--color-primary); } .wp-block-acf-featured .pager.numbers { font-size: 0.875rem; color: white !important; } .wp-block-acf-featured .pager.numbers .facetwp-pager { display: flex; justify-content: center; gap: 8px; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page { padding: 0.5rem 0.75rem; border: 1px solid var(--global--color-primary); color: var(--global--color-primary); margin-right: 0; transition: all 0.4s; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page.active { background-color: var(--global--color-primary); color: white !important; } .wp-block-acf-featured .pager.numbers .facetwp-pager .facetwp-page:hover { background-color: var(--global--color-primary); color: white !important; text-decoration: none; }