/** * 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%; }
/** * 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-ogtrta { margin-top: 32px; } .wp-block-acf-ogtrta .shell { max-width: 1440px; margin: auto; } @media (max-width: 768px) { .wp-block-acf-ogtrta .shell { padding-left: 16px !important; padding-right: 16px !important; } } .wp-block-acf-ogtrta .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-ogtrta .filters { justify-content: space-evenly; } } .wp-block-acf-ogtrta .filterwrapper { height: 100%; display: flex; flex-direction: row; flex-grow: 1; justify-content: center; flex-wrap: nowrap; align-content: center; gap: 32px; } @media (max-width: 1024px) { .wp-block-acf-ogtrta .filterwrapper { justify-content: space-evenly; padding: 1rem; } } @media (max-width: 768px) { .wp-block-acf-ogtrta .filterwrapper { text-align: center; } } .wp-block-acf-ogtrta .filterwrapper .filterlist { display: flex; justify-content: center; align-content: center; flex-direction: row; flex-wrap: wrap; gap: 16px; transition: all 0.4s; } @media (max-width: 768px) { .wp-block-acf-ogtrta .filterwrapper .filterlist { text-align: center; } } .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-label, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-option-label, .wp-block-acf-ogtrta .filterwrapper .filterlist .kicker, .wp-block-acf-ogtrta .filterwrapper .filterlist .facet-label { color: var(--global--color-primary); margin-bottom: 0; font-size: 0.85rem; line-height: 1.0833; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-label::placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-label::-webkit-input-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-label::-moz-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-label:-ms-input-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-label:-moz-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-option-label::placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-option-label::-webkit-input-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-option-label::-moz-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-option-label:-ms-input-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-option-label:-moz-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .kicker::placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .kicker::-webkit-input-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .kicker::-moz-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .kicker:-ms-input-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .kicker:-moz-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .facet-label::placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .facet-label::-webkit-input-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .facet-label::-moz-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .facet-label:-ms-input-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist .facet-label:-moz-placeholder { color: #57718D; font-size: 0.85rem; } @media (max-width: 768px) { .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-label, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-option-label, .wp-block-acf-ogtrta .filterwrapper .filterlist .kicker, .wp-block-acf-ogtrta .filterwrapper .filterlist .facet-label { font-size: 1rem; } } .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-label-wrap { box-sizing: border-box !important; border: 1px solid #708AA7 !important; border-radius: 48px !important; padding: 13px 32px !important; color: #57718D !important; } .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-label-wrap .fs-label { font-size: 12px; font-weight: 600; line-height: 16px; text-align: center; letter-spacing: 1.13px; color: #57718D; } .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-label-wrap .fs-arrow::before { color: #57718D !important; } .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-dropdown { max-width: none; border-color: var(--global--color-primary); border-radius: 0 0 16px 16px; } .wp-block-acf-ogtrta .filterwrapper .filterlist .facetwp-reset { max-width: none; color: #708AA7 !important; border-radius: 0 0 16px 16px; border: 1px solid #708AA7 !important; border-radius: 48px !important; } .wp-block-acf-ogtrta .filterwrapper .filterlist .facetwp-icon { right: 16px; } .wp-block-acf-ogtrta .filterwrapper .filterlist input { color: var(--global--color-primary); margin-bottom: 0; font-size: 1rem; line-height: 1.0833; box-sizing: border-box !important; border: 1px solid #708AA7 !important; border-radius: 48px !important; padding: 16px 48px 16px 16px !important; color: #57718D !important; margin: 0 !important; font-size: 22px !important; text-transform: none !important; } .wp-block-acf-ogtrta .filterwrapper .filterlist input::placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist input::-webkit-input-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist input::-moz-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist input:-ms-input-placeholder, .wp-block-acf-ogtrta .filterwrapper .filterlist input:-moz-placeholder { color: #57718D; font-size: 1rem; padding: 0.3rem; } @media (max-width: 768px) { .wp-block-acf-ogtrta .filterwrapper .filterlist input { font-size: 1rem; margin-bottom: 12px; } } .wp-block-acf-ogtrta .filterwrapper .filterlist .facetwp-facet-team_category .facetwp-counter { display: none; } .wp-block-acf-ogtrta .filterwrapper .filterlist .facetwp-facet-team_category .facetwp-radio:first-of-type { display: none; } .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-wrap.multiple .fs-option.selected .fs-checkbox i { background-color: var(--global--color-primary); } .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-wrap .fs-search input { margin-bottom: 0; } .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-wrap .fs-search input, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-wrap .fs-no-results { font-size: 0.85rem; line-height: 1.0833; font-weight: 700; letter-spacing: 0.5px; color: var(--global--color-secondary); text-transform: uppercase; } @media (max-width: 768px) { .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-wrap .fs-search input, .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-wrap .fs-no-results { font-size: 1rem; margin-bottom: 12px; } } .wp-block-acf-ogtrta .filterwrapper .filterlist .fs-option.d1 { display: none; } .wp-block-acf-ogtrta .filterwrapper .filterlist .facetwp-facet { margin-bottom: 0; } .wp-block-acf-ogtrta .filterwrapper .filterlist .facetwp-facet .fs-arrow { border: none; height: 16px; width: 16px; right: 12px !important; } .wp-block-acf-ogtrta .filterwrapper .filterlist .facetwp-facet .fs-arrow::before { font-family: "FontAwesome"; color: var(--global--color-primary); font-size: 16px; content: "\f078"; } .wp-block-acf-ogtrta .facetwp-type-reset { margin: 0; height: 100%; } .wp-block-acf-ogtrta .facetwp-type-reset button { border-radius: 30px; height: 100%; color: white; font-size: 12px; font-weight: bold; letter-spacing: 1.13px; line-height: 16px; padding-inline: 4px 8px; text-transform: uppercase; min-width: 8em; } .wp-block-acf-ogtrta .facetwp-type-pager { margin-top: 40px; } .wp-block-acf-ogtrta .facetwp-type-pager .facetwp-page { padding: 8px; margin-right: 8px; text-decoration: none; color: var(--global--color-primary); background-color: #F2F2F2; border-radius: 4px; transition: all 0.4s; } .wp-block-acf-ogtrta .facetwp-type-pager .facetwp-page:hover { background-color: #FFAC00; color: var(--global--color-primary); } .wp-block-acf-ogtrta .facetwp-type-pager .facetwp-page.active { background-color: var(--global--color-primary); color: #F2F2F2; } .wp-block-acf-ogtrta .selectionswrapper .facetwp-selections { padding: 0.5rem 0; display: flex; flex-direction: row; justify-content: space-evenly; align-content: center; margin-bottom: 0.5rem; } .wp-block-acf-ogtrta .selectionswrapper .facetwp-selections ul { margin: 0; color: var(--global--color-primary); gap: 16px; } .wp-block-acf-ogtrta .selectionswrapper .facetwp-selections ul li { background: var(--global--color-primary); padding: 1rem; color: white; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.4s; } .wp-block-acf-ogtrta .selectionswrapper .facetwp-selections ul li::hover { background: var(--global--color-primary); } .wp-block-acf-ogtrta .selectionswrapper .facetwp-selections ul li .facetwp-selection-label { display: none; } .wp-block-acf-ogtrta .selectionswrapper .facetwp-selections ul li .facetwp-selection-value { background-image: none; margin-right: 0; padding-right: 0; } .wp-block-acf-ogtrta .selectionswrapper .facetwp-selections ul li .facetwp-selection-value::after { font-family: "FontAwesome"; color: white; font-size: 16px; margin-left: 8px; content: "\f00d"; margin-top: 2px; } .wp-block-acf-ogtrta .selectionswrapper .facetwp-selections ul, .wp-block-acf-ogtrta .resultsqty { display: flex; justify-content: center; flex-direction: row; } .wp-block-acf-ogtrta .articles { display: grid; grid-template-columns: repeat(3, 1fr); -moz-column-gap: 32px; column-gap: 32px; row-gap: 32px; } .wp-block-acf-ogtrta .articles.columns-2 { grid-template-columns: repeat(2, 1fr); } @media (max-width: 768px) { .wp-block-acf-ogtrta .articles { grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 32px; } } .wp-block-acf-ogtrta .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-ogtrta .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-ogtrta .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-ogtrta .articles.style1 a .article__image.overlayblue::before { top: 0; left: 0; width: 100%; height: 100%; z-index: 999; position: absolute; background-color: var(--global--color-primary); opacity: 0.8; content: " "; } .wp-block-acf-ogtrta .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-ogtrta .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-ogtrta .articles.style1 a .article__body p, .wp-block-acf-ogtrta .articles.style1 a .article__body .date { color: white; line-height: 1.6; text-align: center; } .wp-block-acf-ogtrta .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-ogtrta .articles.style1 a .article__body:hover { box-shadow: none; } .wp-block-acf-ogtrta .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-ogtrta .articles.style1 a .article__body:hover .article__body h3, .wp-block-acf-ogtrta .articles.style1 a .article__body:hover .article__body .kicker { color: white !important; text-shadow: 0 0 6px var(--global--color-primary); } .wp-block-acf-ogtrta .articles.style1 a:hover { text-decoration: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); margin-bottom: 0px; } .wp-block-acf-ogtrta .articles.style1 a:hover .article__image > img { transform: scale(1.1); left: -24px; } .wp-block-acf-ogtrta .articles.style1 a:hover h3 { color: var(--global--color-secondary) !important; } .wp-block-acf-ogtrta .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-ogtrta .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-ogtrta .articles.style2 .article a { gap: 8px; padding-bottom: 16px; } } .wp-block-acf-ogtrta .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-ogtrta .articles.style2 .article a .article__image { max-width: 100vw; } } .wp-block-acf-ogtrta .articles.style2 .article a .article__image > img { position: relative; z-index: 0; top: 0; left: 0; width: 100%; height: auto; min-height: 286px; -o-object-fit: cover; object-fit: cover; transition: all 0.8s; } .wp-block-acf-ogtrta .articles.style2 .article a .article__body { position: relative; color: var(--global--color-primary); height: auto; } .wp-block-acf-ogtrta .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-ogtrta .articles.style2 .article a:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); } .wp-block-acf-ogtrta .articles.style2 .article a:hover .article__image > img { transform: scale(1.3); padding: 16px; } .wp-block-acf-ogtrta .articles.style2 .article a:hover h2 { color: #FFAC00; } .wp-block-acf-ogtrta .articles.style3 { display: grid; grid-template-columns: repeat(1, 1fr); -moz-column-gap: 16px; column-gap: 16px; row-gap: 16px; } .wp-block-acf-ogtrta .articles.style3 .article { background-color: white; border-radius: 8px; } .wp-block-acf-ogtrta .articles.style3 .article:nth-child(even) { background-color: rgba(0, 0, 0, 0.01); } .wp-block-acf-ogtrta .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-ogtrta .articles.style3 .article a { flex-direction: column; } } .wp-block-acf-ogtrta .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-ogtrta .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-ogtrta .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-ogtrta .articles.style3 .article a .article__body { flex-direction: column; } } @media (max-width: 768px) { .wp-block-acf-ogtrta .articles.style3 .article a .article__body { flex-direction: column; } } .wp-block-acf-ogtrta .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-ogtrta .articles.style3 .article a .article__body .tagwrapper { display: flex; flex-direction: row; justify-content: flex-start; gap: 16px; } .wp-block-acf-ogtrta .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-ogtrta .articles.style3 .article a .article__body .title-text { grid-template-columns: 1fr; } .wp-block-acf-ogtrta .articles.style3 .article a .article__body .title-text div:nth-child(1) { grid-row: 2; } .wp-block-acf-ogtrta .articles.style3 .article a .article__body .title-text div:nth-child(2) { grid-row: 1; } } .wp-block-acf-ogtrta .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-ogtrta .articles.style3 .article a .article__body .title-text .date { font-family: ivypresto-headline, serif; width: 10em; font-size: 28px; color: #708AA7; } .wp-block-acf-ogtrta .articles.style3 .article a .article__body .link-button { align-items: center; justify-content: center; gap: 16px; } @media (max-width: 1024px) { .wp-block-acf-ogtrta .articles.style3 .article a .article__body .link-button { justify-content: flex-end; align-items: flex-end; } } .wp-block-acf-ogtrta .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-ogtrta .articles.style3 .article a .article__body h3 { font-size: 24px; } } @media (max-width: 768px) { .wp-block-acf-ogtrta .articles.style3 .article a .article__body h3 { font-size: 24px; } } .wp-block-acf-ogtrta .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-ogtrta .articles.style3 .article a .article__body .btn.linearrow, .wp-block-acf-ogtrta .articles.style3 .article a .article__body .btn { position: relative; transition: all 0.8s; padding-left: 32px; } .wp-block-acf-ogtrta .articles.style3 .article a .article__body .btn.linearrow.circlearrow, .wp-block-acf-ogtrta .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-ogtrta .articles.style3 .article:hover { box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1); margin-bottom: 0px; } .wp-block-acf-ogtrta .articles.style3 .article:hover .article__image > img { transform: scale(1.3); } .wp-block-acf-ogtrta .articles.style3 .article:hover h3 { color: var(--global--color-primary); } .wp-block-acf-ogtrta .resultsqty .kicker { color: var(--global--color-primary); } .wp-block-acf-ogtrta .pager { text-align: center; display: flex; justify-content: center; margin: 20px 0; color: var(--global--color-primary); } .wp-block-acf-ogtrta .pager.numbers { font-size: 0.875rem; color: white !important; } .wp-block-acf-ogtrta .pager.numbers .facetwp-pager { display: flex; justify-content: center; gap: 8px; } .wp-block-acf-ogtrta .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-ogtrta .pager.numbers .facetwp-pager .facetwp-page.active { background-color: var(--global--color-primary); color: white !important; } .wp-block-acf-ogtrta .pager.numbers .facetwp-pager .facetwp-page:hover { background-color: var(--global--color-primary); color: white !important; text-decoration: none; } /* ------------------------------------------------------------ *\ Plugin Modal Builder Block \* ------------------------------------------------------------ */ .htr-modal-content .shell { width: 90%; height: 90%; } .htr-modal-content .htr-modal-content-background { background-color: var(--global--color-secondary); } .htr-modal-content .htr-modal-content-close-btn { display: flex; align-items: center; justify-content: center; background-color: var(--global--color-secondary); border: none; color: rgba(255, 255, 255, 0.9); } @media (max-width: 768px) { .htr-modal-content .htr-modal-content-close-btn { height: 30px; width: 30px; } } @media (max-width: 576px) { .htr-modal-content .htr-modal-content-close-btn { top: 0.5rem; right: 0.5rem; } } .htr-modal-content .htr-modal-content-wrap { background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5) !important; border: 1px solid var(--global--color-primary); padding: 2rem !important; } .htr-modal-content .htr-modal-content-wrap .modal-content { gap: 2rem; } @media (max-width: 576px) { .htr-modal-content .htr-modal-content-wrap .modal-content { flex-direction: column-reverse !important; gap: 0.5rem; } } @media (max-width: 576px) { .htr-modal-content .htr-modal-content-wrap .modal-content .modal-picture { justify-content: center; align-items: center; } } .htr-modal-content .htr-modal-content-wrap .modal-content .modal-picture .article__image { max-height: 20rem; max-width: 20rem; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.09) !important; border-radius: 0 16px 16px 0 !important; margin-top: 1.333em; } @media (max-width: 576px) { .htr-modal-content .htr-modal-content-wrap .modal-content .modal-picture .article__image { height: 400px !important; width: 400px !important; } } @media (max-width: 375px) { .htr-modal-content .htr-modal-content-wrap .modal-content .modal-picture .article__image { height: 250px !important; width: 250px !important; } } .htr-modal-content-show { z-index: 9999999 !important; } .htr-modal-content-wrap { padding: 3rem; } .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button, .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type=submit], .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_page_footer input.button, .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_page_footer input[type=submit] { display: inline-block; text-align: center; text-decoration: none; border: 0; box-shadow: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; padding: 11px 44px; background-color: var(--global--color-secondary); border-radius: 99em; font-weight: 400; font-size: 16px; color: #f8f6f1; text-align: center; overflow: hidden; display: block; z-index: 10; } .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button:hover, .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type=submit]:hover, .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_page_footer input.button:hover, .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_page_footer input[type=submit]:hover { color: var(--global--color-primary); } .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input.button:focus .btn__overlay, .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_footer input[type=submit]:focus .btn__overlay, .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_page_footer input.button:focus .btn__overlay, .htr-modal-content-wrap .gform_wrapper.gform_wrapper.gform_wrapper.gform_wrapper .gform_page_footer input[type=submit]:focus .btn__overlay { width: 300%; height: 300%; border-radius: 0; transition: all 0.4s; } .wp-block-htr-block-modal-builder-block .filteroption { display: flex; flex-direction: column; gap: 8px; margin-bottom: 1rem; } .wp-block-htr-block-modal-builder-block .wp-block-acf-ogtrta .filterwrapper .filterlist input { padding: 8px 16px !important; font-size: 0.85rem !important; }
<!--
-->

The Far-Right Attack on Education: How Curriculum and Classroom Censorship Stifles Educators, Harms Students, and Threatens Our Democracy

In a far-reaching attempt to reshape and ultimately weaken public education, far-right politicians and activists have pushed to restrict classroom …

February 13, 2025

The 2024 Anti-Democracy Playbook

Harnessing the power of the election denial movement is a key component of conservatives’ 2024 strategy. Here are the tactics anti-democracy activi…

October 21, 2024

Deadly Failures: Preventable Deaths in U.S. Immigration Detention

Since January 1, 2017, Immigration and Customs Enforcement (ICE) has reported that 70 people have died in its custody. This number does not include…

June 25, 2024

The Campaign to Dismantle ERIC

How far-right misinformation and the election denial movement led nine states to reject the Electronic Registration Information Center

election administrationelection denialthe Electronic Registration Information Center
December 13, 2023

A Timeline of the Government’s Response on Jan. 6, 2021

The precise timeline of events on Jan. 6, 2021 — the day that a mob of supporters of former President Donald Trump’s false claims of election fraud…

2020 election interferenceelection denialgovernment transparencyFederal
January 5, 2023

American Oversight’s Findings from Its Investigation of the Wisconsin Assembly’s Partisan and Baseless Election Review

American Oversight’s investigation of the Wisconsin Assembly’s inquiry into the 2020 election has revealed important information about the review’s…

election administrationelection denialgovernment transparencyWisconsin
October 4, 2022

Arizona’s Sham Election ‘Audit’: One Year of Evidence — And Counting

One year after filing its lawsuit for the release of records from the “audit,” American Oversight details the documents it has obtained that furthe…

2020 election interferenceelection administrationelection denialArizona
May 19, 2022

How the Arizona Election ‘Audit’ Has Already Been Compromised

Despite the Arizona Senate’s secrecy, enough is already known about the sham ballot review’s biased origins and the involvement of conspiracy theor…

2020 election interferenceelection administrationelection denialArizona
September 23, 2021