/** * 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 Team

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

About Us

American Oversight is a team of lawyers, researchers, communicators, and more working across the country to expose misconduct and hold government a…

About Us