/* Theme Name: Burke Author: Burke Foundation Description: Burke Foundation WordPress Theme License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: burke */ /* -------------- Global Styles -------------- */ :root { --globalButtonBorderRadius :.3rem; --transition-time: .3s; --transition-type: ease-in-out; --boxshadow1: #1e09178a; --featured-color: var(--c-navy); --fontalbertsans: var(--wp--preset--font-family--albert-sans); --fontinter: var(--fontalbertsans); --fontkantumruy: var(--fontalbertsans); --colorHPSB: var(--wp--preset--color--custom-teal); --colorTPC: var(--wp--preset--color--custom-amber); --colorCCNJF: var(--wp--preset--color--custom-blue); --colorPI: var(--wp--preset--color--custom-periwinkle); --c-verydarkgrey : var(--wp--preset--color--custom-verydarkgrey); --c-darkgrey : var(--wp--preset--color--custom-darkgrey); --c-grey : var(--wp--preset--color--custom-grey); --c-lightgrey : var(--wp--preset--color--custom-lightgrey); --c-verylightgrey : var(--wp--preset--color--custom-verylightgrey); --c-white : var(--wp--preset--color--custom-white); --c-navy : var(--wp--preset--color--custom-navy); --c-verylightblue : var(--wp--preset--color--custom-verylightblue); --c-lightblue : var(--wp--preset--color--custom-lightblue); --c-blue : var(--wp--preset--color--custom-blue); --c-deepblue : var(--wp--preset--color--custom-deepblue); --c-verylightteal : var(--wp--preset--color--custom-verylightteal); --c-lightteal : var(--wp--preset--color--custom-lightteal); --c-teal : var(--wp--preset--color--custom-teal); --c-deepteal : var(--wp--preset--color--custom-deepteal); --c-amber : var(--wp--preset--color--custom-amber); --c-deepamber : var(--wp--preset--color--custom-deepamber); --c-coral : var(--wp--preset--color--custom-coral); --c-deepcoral : var(--wp--preset--color--custom-deepcoral); --c-seafoam: var(--wp--preset--color--custom-seafoam); --c-deepseafoam : var(--wp--preset--color--custom-deepseafoam); --c-periwinkle : var(--wp--preset--color--custom-periwinkle); --c-mint : var(--wp--preset--color--custom-mint); --c-green : var(--wp--preset--color--custom-green); --c-verylightspring : var(--wp--preset--color--custom-verylightspring); --c-lightspring : var(--wp--preset--color--custom-lightspring); --c-spring : var(--wp--preset--color--custom-spring); --c-deepspring : var(--wp--preset--color--custom-deepspring); --c-transparent : var(--wp--preset--color--custom-transparent); --sectColor : var(--c-teal); --mapbackground1 : #679dd2; --cw : var(--wp--style--global--content-size); --mar : calc(.5 * (100vw - var(--wp--style--global--content-size))); --br1: 10px; --br2: 6px; --bw1 : 10px; --fs-s : var(--wp--preset--font-size--small); --fs-m : var(--wp--preset--font-size--medium); --fs-l : var(--wp--preset--font-size--large); --fs-xl : var(--wp--preset--font-size--x-large); --fs-2xl : var(--wp--preset--font-size--2-x-large); --fs-3xl : var(--wp--preset--font-size--3-x-large); --defaultBlockGap: 1.2rem; --iw_gap: var(--defaultBlockGap); } .fc_spring { --sectColor: var(--c-spring); } .fc_deepspring { --sectColor: var(--c-deepspring); } /*body[class*="research-report"] {--sectColor : var(--c-mint);}*/ /*body[class*="community-champion"] {--sectColor : var(--c-deepseafoam);}*/ body[class*="research-report"], .research-report {--sectColor : var(--c-deepseafoam);} body[class*="community-champion"], .community-champion {--sectColor : var(--c-deepteal);} body[class*="our-people"], .our-people {--sectColor : var(--c-periwinkle);} body[class*="dispatch"], .dispatch {--sectColor : var(--c-blue);} body[class*="pillar-"] {--sectColor : var(--featureColor);} body[class*="pillar-healthy-pregnancies-and-strong-beginnings"] {--sectColor : var(--c-teal);} body[class*="pillar-transforming-pediatric-care"] {--sectColor : var(--c-amber);} body[class*="pillar-child-care-for-new-jersey-families"] {--sectColor : var(--c-blue);} body[class*="pillar-past-initiatives"] {--sectColor : var(--c-periwinkle);} .program-pillar-healthy-pregnancies-and-strong-beginnings {--sectColor : var(--c-teal);} .program-pillar-transforming-pediatric-care {--sectColor : var(--c-amber);} .program-pillar-child-care-for-new-jersey-families {--sectColor : var(--c-blue);} .program-pillar-past-initiatives {--sectColor : var(--c-periwinkle);} body #portfolioPanelHPSB {--sectColor : var(--c-teal)!important;} body #portfolioPanelTPC {--sectColor : var(--c-amber)!important;} body #portfolioPanelCCNJF {--sectColor : var(--c-blue)!important;} #portfolioPanelHPSB .program-pillar-healthy-pregnancies-and-strong-beginnings {--sectColor : var(--c-teal);} .components-circular-option-picker__option-wrapper { height: 45px!important; width: 45px!important; } .components-circular-option-picker__option-wrapper svg { height: 40px!important; width: 40px!important; } html, body, select, input, option { font-size: 20px; line-height: 1.35; font-weight: 400; text-wrap: pretty; color: var(--c-verydarkgrey); font-family: var(--fontkantumruy); letter-spacing: -.2px; } body { overflow-x: hidden; --wp--preset--color--custom-section: var(--sectColor); } h1 {font-size: 3.6rem; line-height: 1.0; font-weight: 900; letter-spacing: -.02em;} h2 {font-size: 2.4rem; line-height: 1.05; font-weight: 900; letter-spacing: -.02em;} h3 {font-size: 1.8rem; line-height: 1.1; font-weight: 900; letter-spacing: -.02em;} h4 {font-size: 1.4rem; line-height: 1.1; font-weight: 900; letter-spacing: -.02em;} h5 {font-size: 1.2rem; line-height: 1.3; font-weight: 900; } h6 {font-size: .9rem; line-height: 1.5; font-weight: 600; text-transform: uppercase;} h1, h2, h3, h4, h5 {font-family: var(--fontinter); text-wrap: balance;} body.single-portfolio-item {text-wrap: balance;} .textbalance {text-wrap: balance;} .entry-content > :is(p, ul):not(:first-child) { margin-top:.8em; margin-bottom:.8em; } .entry-content .wp-block-heading:not(:first-child, .wp-block-burke-svgicon + .wp-block-heading, figure + .wp-block-heading) { margin-top: 2em; } .has-medium-font-size { line-height: 1.3; text-wrap: balance; } .has-large-font-size { line-height: 1.2; font-weight: 400; text-wrap: balance; letter-spacing: -.02em; } .has-x-large-font-size { line-height: 1.1; font-weight: 300; text-wrap: balance; letter-spacing: -.02em; } .has-2-x-large-font-size, .has-3-x-large-font-size { line-height:1.05; font-weight:300; text-wrap: balance; letter-spacing: -.02em; } #aboutContent li.wp-block-post:nth-child(even) .postRollDefault-content, .postrollreverse .postRollDefault-content { flex-direction: row-reverse; } body:not(.home) .entry-content a { color: var(--c-deepteal); transition: all var(--transition-type) var(--transition-time); } body:not(.home) .entry-content p a { /*font-weight: 600;*/ } body:not(.home) .entry-content .postRollDefault-wrapper a { color: unset; } body:not(.home) .entry-content .postRollDefault-wrapper a:hover { color: unset; } body:not(.page):not(.pillar-healthy-pregnancies-and-strong-beginnings) .entry-content a { color: var(--sectColor); } body:not(.page) .entry-content .has-custom-white-color a { color: var(--c-white); } body:not(.home) .entry-content p strong a { font-weight: 900; } body:not(.home) .entry-content a:hover { color:var(--c-coral); transition: all var(--transition-type) var(--transition-time); } b,strong { font-weight: 900; } header { z-index:9999; } select, option { font-weight:800; } p { } .light { font-weight: 300; } :where(.wp-site-blocks) > * { margin-block-start: 0px; margin-block-end: 0; } .entry-content { margin-top:0; } .page :has(+ footer) > :last-child, /* last element in entry-content */ .archive :has(+ footer), /* element before footer */ .blog :has(+ footer) /* element before footer */ { margin-bottom: 4rem; } body.search-results .search-results-message {display:none;} /* ---- FA List Formatting ---- */ ul.fa-bookmark-list, ul.fa-check-list { list-style: none; padding-left: 0; margin-left: 0; } ul.fa-bookmark-list li, ul.fa-check-list li { position: relative; padding-left: 1.5em; } ul.fa-bookmark-list li::before, ul.fa-check-list li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 0; color: var(--sectColor); } ul.fa-bookmark-list li { font-weight: 500; margin-bottom: .3em; } ul.fa-bookmark-list li::before{ content: "\f02e"; } p.calloutquote1.has-2-x-large-font-size mark:before, p.calloutquote1.has-2-x-large-font-size mark:after { position: absolute; font-family: var(--wp--preset--font-family--kantumruy-pro)!important; } p.calloutquote1.has-2-x-large-font-size mark:before { content: '“'; margin-left: -.6em; font-size: 2em; margin-top: -.2em; } p.calloutquote1.has-2-x-large-font-size mark:after { content: '”'; /* font-size: 6em; */ /* color: var(--c-verylightgrey); */ /* opacity: .6; */ margin-left: 0; font-size: 2em; margin-top: -.15em; } .bgcustom1 { background-size: 30% !important; background-attachment: scroll; background-blend-mode: overlay; background-repeat: no-repeat; background-position-y: 40px; background-position-x: calc(100vw - 50%); } .background-blend-overlay { background-blend-mode: overlay; } .tagsRelatedKeywords { display:flex; flex-wrap: wrap; justify-content: flex-start; gap:.5em; } .tagsRelatedKeywords a, span.tagBlockText { background-color:var(--c-verylightgrey); color:var(--c-navy); font-weight: 800; font-size: .7rem; padding: .4em 1.5em; text-decoration: none; border-radius: var(--globalButtonBorderRadius); transition: all var(--transition-type) var(--transition-time); } .tagsRelatedKeywords a:hover { background-color:var(--c-navy); color:var(--c-white); transition: all var(--transition-type) var(--transition-time); } .tagsRelatedKeywords .wp-block-post-terms__separator {display:none!important;} /* NEED TO ADD TRANSITIONS FOR HOVERS */ /* Hide the ACF default color picker for the specific field */ .acf-field[data-name="quote_box_style_options_color"] .wp-color-picker { display: none !important; } .has-group-style-wide:not(.block-editor-block-list__block), div:not(.acf-block-preview) > blockquote.quote-box, div:not(.has-group-style-photoregular) > div > blockquote.wp-block-quote:not(.block-editor-block-list__block, .side-quote) { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding-left: calc(.5 * (100vw - var(--wp--style--global--content-size))); padding-right: calc(.5 * (100vw - var(--wp--style--global--content-size))); /* margin-top: 2em; margin-bottom: 2em;*/ } blockquote.quote-box, blockquote.wp-block-quote { border:0; } blockquote.quote-box, blockquote.wp-block-quote.has-background { padding-top: 4rem; padding-bottom: 4rem; } blockquote.quote-box p, blockquote.wp-block-quote p:nth-child(1) { font-size: 1.6rem; font-weight: 400; line-height:1.2; max-width: var(--wp--style--global--content-size); font-style: italic; /*text-wrap: balance;*/ text-wrap: pretty; } blockquote.quote-box.quote-inverse p, blockquote.wp-block-quote.has-custom-white-color p:nth-child(1) { font-weight: 300; } blockquote.quote-box .quote-box-attribution, blockquote.wp-block-quote p:nth-child(2) { font-weight: 500; font-style: normal; font-size: 1rem; } blockquote.wp-block-quote img { border-radius:100%; aspect-ratio: 1; border-width: var(--bw1); border-color: var(--c-white); border-style: solid; width: 300px; } blockquote.wp-block-quote:has(figure + .wp-block-group), blockquote.wp-block-quote:has(.wp-block-group + figure) { display:flex; align-items: center; gap: 2rem; } @media (min-width: 782px) { blockquote.wp-block-quote.side-quote { float: right; width: 300px; } } blockquote.wp-block-quote.side-quote { margin: 2rem; border-left: solid .6rem var(--sectColor); padding-left: 1rem; padding-right: 1rem; } blockquote.wp-block-quote.side-quote.has-custom-white-color { } blockquote.wp-block-quote.side-quote p:nth-child(1) { font-size: 1rem; font-weight: 500; } .portfolio-item-template-default .entry-content blockquote.quote-box:first-child, .portfolio-item-template-default .entry-content blockquote.wp-block-quote:first-child { margin-top: -80px; padding-top: 4em; } .entry-content > h2:first-child { margin-bottom: 1em; } /*.single-research-report .entry-content > .has-background:first-child*/ .single .entry-content > .has-background:first-child { margin-top: -80px; padding-top: 4em; } .wp-block-button a { background-color: var(--sectColor); color: var(--c-white); padding: 1rem 1.5rem; border: none; font-size: .8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; cursor: pointer; transition: all var(--transition-type) var(--transition-time); } .wp-block-button a:hover { background-color: var(--c-navy); padding: 1rem 3rem; transition: all var(--transition-type) var(--transition-time); } .wp-block-button__link.wp-element-button { background-color: var(--sectColor); border-radius: 6px; font-size: .7rem; font-weight: 600; text-transform: uppercase; color:white!important; } .wp-block-button__link.wp-element-button:hover { background-color: var(--c-blue); color:white!important; } .wp-block-button__link.wp-element-button, .wp-block-button__link.wp-element-button:hover { transition: all var(--transition-type) var(--transition-time); } .menu-box-group .wp-block-button__link.wp-element-button { border-radius:0; margin:0; padding:.4em 1em; font-size:.6rem!important; line-height: 1; width: 100%; text-align: left; background-color: #0F283E !important; white-space: nowrap; height:100%; display: flex; align-items: center; } .menu-box-group .wp-block-button__link.wp-element-button:hover { background-color: var(--c-teal)!important; } .menu-box-group { display: grid!important; gap:0; background-color: #0F283E ; } li.menu-box { width: min-content; text-align: left!important; height:100%; } li.menu-impact a { background-color: var(--c-deepseafoam)!important; } li.menu-starting-early a { background-color: var(--c-teal)!important; } li.menu-impact a:hover { background-color: var(--c-amber)!important; } li.menu-starting-early a:hover { background-color: var(--c-deepcoral)!important; } li.menu-impact, li.menu-starting-early { } li.menu-impact a, li.menu-starting-early a { height: -webkit-fill-available; display: flex!important; align-items: center; } li.menu-impact a, li.menu-impact a:hover, li.menu-starting-early a, li.menu-starting-early a:hover { transition: all var(--transition-type) var(--transition-time); } .page-numbers:not(.current, .dots), .wp-block-query-pagination-next, .wp-block-query-pagination-previous { background-color: var(--c-verylightgrey); } .page-numbers, .wp-block-query-pagination-next, .wp-block-query-pagination-previous { padding: .6rem 1rem; border-radius: 4px; text-decoration: none; color: var(--c-navy); font-weight: 600; transition: all var(--transition-type) var(--transition-time); } .page-numbers:not(.current, .dots):hover, .wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover { background-color: var(--sectColor); color: var(--c-white); transition: all var(--transition-type) var(--transition-time); } .page-numbers.current { background-color: var(--c-navy); color: var(--c-white); } .wp-block-query-pagination { padding-top: 2rem; padding-bottom: 4rem; } /* ------- Template Parts -------- */ body.archive .titleBar, body.blog .titleBar { background-color: var(--featured-color); padding-top:8em; padding-bottom:8em; margin-top:0; } img { vertical-align: middle; max-width: 100%; height: auto; } @media (min-width: 782px) { [class*="has-group-style-photo"] { margin-top: 7rem; margin-bottom: 7rem; } } [class*="has-group-style-photo"] { display:flex; align-items: center; z-index: 20; } body.single [class*="has-group-style-photo"] { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding-left: calc(.5 * (100vw - var(--wp--style--global--content-size))); padding-right: calc(.5 * (100vw - var(--wp--style--global--content-size))); } [class*="has-group-style-photo"] > figure { display:flex; justify-content: center; flex-direction: column; align-items: center; } [class*="has-group-style-photo"] > figure img { border-radius: 100%; aspect-ratio: 1; object-fit: cover; border: .5em solid var(--c-teal) } .has-group-style-photolarge > figure { width: 50vw; max-width: 800px; } .has-group-style-photoregular > figure { width: 35vw; max-width: 600px; } .has-group-style-photosmall > figure { max-width: 400px; } /* Text Left | Figure Right */ [class*="has-group-style-photo"] > figure:nth-child(2) { right:0; } .has-group-style-photolarge > figure:nth-child(2) { transform: translateX(8vw); } .has-group-style-photoregular > figure:nth-child(2) { transform: translateX(4vw); } [class*="has-group-style-photo"] > div.wp-block-group:nth-child(1){ margin-left: auto; } .has-group-style-photosmall > div.wp-block-group:nth-child(1), .has-group-style-photolarge > div.wp-block-group:nth-child(1), .has-group-style-photoregular > div.wp-block-group:nth-child(1) { width: calc(0.8 * var(--wp--style--global--content-size)); } @media (min-width: 1214.999px) { body:not(.single) [class*="has-group-style-photo"] > div.wp-block-group:nth-child(1):not(.block-editor-block-list__block) { margin-left: calc(var(--mar) - 10px)!important; } } /* Figure Left | Text Right */ .has-group-style-photolarge > figure:nth-child(1) { transform: translateX(-8vw); } .has-group-style-photoregular > figure:nth-child(1) { transform: translateX(-4vw); } .has-group-style-photosmall > figure { /* transform: translateX(-4vw); */ /*padding-left: 3rem;*/ padding-right: 3rem; } body.page-template-default .has-group-style-photosmall > figure { padding-left: 3rem; } [class*="has-group-style-photo"] > div.wp-block-group:nth-child(2) { margin-right: auto; } .has-group-style-photolarge > div.wp-block-group:nth-child(2), .has-group-style-photoregular > div.wp-block-group:nth-child(2) { width: calc(0.8 * var(--wp--style--global--content-size)); } .has-group-style-photosmall > div.wp-block-group:nth-child(2) { width: calc(0.8 * var(--wp--style--global--content-size)); } body.page-template-default [class*="has-group-style-photo"] > div.wp-block-group:nth-child(2):not(.block-editor-block-list__block) { margin-right: var(--mar)!important; } @media (max-width: 1215px) { [class*="has-group-style-photo"] > div.wp-block-group:nth-child(2):not(.block-editor-block-list__block) { margin-right: auto!important; padding-right:15px; } } [class*="has-group-style-photo"]:not(.has-group-style-photosmall) > figure .components-resizable-box__container, [class*="has-group-style-photo"]:not(.has-group-style-photosmall) > figure img{ width:100%!important; } [class*="has-group-style-photo"]:not(.has-group-style-photosmall) > figure:not(.block-editor-block-list__block) img { position:absolute; } figcaption { font-size: var(--fs-s)!important; line-height: 1.2; } [class*="has-group-style-photo"] figcaption { max-width: 400px; margin: auto; margin-top: 1rem; } .cont2 img { border-radius: 100%; aspect-ratio: 1; object-fit: cover; border: .5em solid var(--c-teal) } .cont2 figure.wp-block-gallery { position:absolute; display: flex; flex-direction: column; gap: 0 !important; } .cont2 figure.wp-block-gallery figure.wp-block-image { /* max-width: 250px!important;*/ } .cont2 { background-size: 17%!important; } /* Primary Navigation */ .wp-block-site-logo { min-width: 6rem; } /* .wp-block-site-logo { display:flex; align-items: center; } #navBarMain > .wp-block-group > :nth-child(1){ width: 15%; } #navBarMain > .wp-block-group > :nth-child(2){ width: 70%; } #navBarMain > .wp-block-group > :nth-child(3){ width: 15%; }*/ /*nav.burkeMainNavigation, .wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation__responsive-container-content { height: 100%; }*/ .topNavSearch { z-index: 9999; } .topNavSearch .search-form { display: inline-flex; align-items: center; position: relative; } .topNavSearch .search-toggle { background: none; border: none; cursor: pointer; font-size: 1.1rem; color: var(--wp--preset--color--custom-navy-1); padding: .4rem .8rem; z-index: 2; position: relative; } .topNavSearch .search-input { opacity: 0; width: 0px; padding: 1em 1.4em .8em; font-size: 1rem; border-radius: 5px; visibility: hidden; position: absolute; right:0; text-align: left; height: var(--navBarFull-height); outline: none; border: none; transition: width 0.3s ease-in-out, padding 0.3s ease-in-out, opacity 0.3s ease-in-out; } .hidden .search-input { opacity: 0!important; width: 0px!important; transition: width 0.3s ease-in-out, padding 0.3s ease-in-out, opacity 0.2s ease-in-out; } .topNavSearch .search-form.active .search-input { width: 300px; opacity: 1; visibility: visible; position: absolute; background-color: var(--wp--preset--color--custom-verylightgrey); color: var(--wp--preset--color--custom-navy-1); } .topNavSearch .search-form.active .search-input { color: var(--c-verydarkgrey)!important; } .burkeMainNavigation > li > a { font-size: .7rem; font-weight: 800; font-family: var(--fontkantumruy); text-transform: uppercase; font-weight:500; text-align: left; letter-spacing: 1px; line-height: 1; } .burkeMainNavigation > li > ul > li > a { font-family: var(--fontinter); font-weight: 800; } #navBarFull, #navBarTop {z-index:9999;} ul.wp-block-navigation__container { gap:0; } ul.wp-block-navigation__container > li.wp-block-navigation-item { height:100%; } .burkeMainNavigation { width: 100%; } .burkeMainNavigation > li { justify-content: space-between; } ul.wp-block-navigation__container > li.wp-block-navigation-item > a { padding: .98rem; transition: all var(--transition-type) var(--transition-time); } ul.wp-block-navigation__container > li.wp-block-navigation-item > button { padding-right: 1.4rem; } li.navTopAbout > a, li.navTopDrives > a, li.navTopPortfolio > a, li.navTopNews > a { width: min-content; } li.navTopDrives > a { min-width: 6em; } @media (max-width: 1200px) { ul.wp-block-navigation__container > li.wp-block-navigation-item > a { padding: .98rem .4rem; } } ul.wp-block-navigation__container > li.wp-block-navigation-item:hover { background-color: var(--c-teal); color: var(--c-white); } ul.wp-block-navigation__container > li.wp-block-navigation-item, ul.wp-block-navigation__container > li.wp-block-navigation-item:hover { transition: all var(--transition-type) var(--transition-time); } .wp-block-navigation .wp-block-navigation__submenu-icon { background-color: #00000000!important; } .wp-block-navigation .wp-block-navigation__submenu-icon svg { margin-top:0; } ul.burkeMainNavigation { display: flex; flex-direction: row; flex-wrap: nowrap; } div#modal-1-content { align-items: stretch; } #navBarMain > .wp-block-group > .wp-block-group { display: flex; align-items: stretch; justify-content: flex-end; gap:0; } #navBarMain .wp-block-button { width:100%; display: flex; height:100%; } ul.wp-block-navigation__submenu-container { left:-200%!important; } #navBarTop a { font-weight: 800; text-transform: uppercase; font-size: .6rem; padding: .5em 1em; transition: all var(--transition-type) var(--transition-time); } #navBarTop a:hover { background-color: var(--c-navy); color: var(--c-white); transition: all var(--transition-type) var(--transition-time); } ul.wp-block-navigation-submenu { padding: 20px; gap: 1rem; position: fixed!important; top: 4.95rem!important; left: var(--mar)!important; width: 100vw; } ul.wp-block-navigation__submenu-container { border-radius: 0 0 var(--br1) var(--br1); } li.wp-block-navigation-submenu { position: unset; } .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a { width: calc(100% - 20px); } .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item > a { padding: .1rem .5rem; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content { padding: .1rem .5rem; } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { border: none; } .navMenuAboutIcons li a { gap: 1em; padding-top: 1em; align-items:center; color: var(--c-navy)!important; line-height: 1.2; } ul.wp-block-navigation__submenu-container.navMenuAboutIcons.wp-block-navigation-submenu { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } ul.navMenuAboutIcons li.wp-block-navigation-item.wp-block-navigation-link { width: 25%; } ul.navMenuAboutIcons span.menu-icon svg { width: 85px; } ul.navMenuAboutIcons li a { transition: all var(--transition-type) var(--transition-time); } ul.navMenuAboutIcons li a:hover { background-color: var(--c-navy); color: var(--c-white) !important; transition: all var(--transition-type) var(--transition-time); } ul.navMenuAboutIcons { padding: 0; gap: 0; } ul.navMenuAboutIcons li.wp-block-navigation-item.wp-block-navigation-link { width: 25%; min-width: 250px; } ul.navMenuAboutIcons li a { padding: 0rem 1.2rem !important; } /* .navMenuAboutIcons > li:nth-child(1), .navMenuAboutIcons > li:nth-child(1) a, .navMenuAboutIcons > li:nth-child(1) a:hover { border-radius: 0 0 0 var(--br1); } .navMenuAboutIcons > li:nth-child(2), .navMenuAboutIcons > li:nth-child(2) a, .navMenuAboutIcons > li:nth-child(2) a:hover { border-radius: 0 0 0 0; } .navMenuAboutIcons > li:nth-child(3), .navMenuAboutIcons > li:nth-child(3) a, .navMenuAboutIcons > li:nth-child(3) a:hover { border-radius: 0 0 0 0; } .navMenuAboutIcons > li:nth-child(4), .navMenuAboutIcons > li:nth-child(4) a, .navMenuAboutIcons > li:nth-child(4) a:hover { border-radius: 0 0 var(--br1) 0; } */ .menuItem-healthy-pregnancies-and-strong-beginnings { --featureColor:var(--colorHPSB); } .menuItem-transforming-pediatric-care { --featureColor:var(--colorTPC); } .menuItem-child-care-for-new-jersey-families { --featureColor:var(--colorCCNJF); } .menuItem-past-initiatives { --featureColor:var(--colorPI); } .navMenuIcons_topLevel svg.menu-term-icon { --navIconSize: 70px; width: var(--navIconSize); height: var(--navIconSize); max-width: var(--navIconSize); max-height: var(--navIconSize); min-width: var(--navIconSize); min-height: var(--navIconSize); border-radius: 10px; } .navMenuIcons_topLevel svg.menu-term-icon rect { fill: var(--featureColor); } .navMenuIcons_topLevel > li a { color: var(--featureColor)!important; line-height: 1.1; font-weight: 900; gap: 1em; transition: all var(--transition-type) var(--transition-time); } .navMenuIcons_topLevel > li a:hover { background-color: var(--featureColor)!important; color: var(--c-white) !important; transition: all var(--transition-type) var(--transition-time); } .navMenuIcons_topLevel > li a svg { fill: var(--featureColor); transition: all var(--transition-type) var(--transition-time); } .navMenuIcons_topLevel > li a:hover svg { transition: all var(--transition-type) var(--transition-time); /*fill: var(--c-white) !important;*/ } .navMenuIcons_topLevel > li a span.menuItem-learn-more { color: var(--featureColor)!important; } .navMenuIcons_topLevel > li { flex-direction:column; text-align: left; width: max-content; align-items: flex-start!important; } #navBarMain ul.wp-block-navigation-submenu { width: fit-content; } @media (min-width: 600px) { #navBarMain ul.wp-block-navigation-submenu { width: 100%; left: 0!important; align-content: center; } } ul.recent-posts li a { font-size: .75rem; font-weight: 600; color: var(--c-navy)!important; line-height: 1.1; border-radius: 6px; } ul.recent-posts { display: flex; flex-direction: column; padding-top: .8rem; flex-wrap: wrap; align-items: stretch; gap: .4rem; } ul.recent-posts:has(+ .more-button) { margin-bottom: .9rem; } ul.recent-posts .post-subtitle { font-size: .7rem; font-weight:500; } .navMenuIcons_topLevel ul.recent-posts li a { border-bottom: 1px solid var(--c-lightgrey); } ul.navMenuIcons_topLevel ul.recent-posts li a { font-size: .8rem; font-weight: 600; letter-spacing: 0; display: flex; align-items: center; } ul.navMenuIcons_topLevel > li > a { align-items: center; border-radius: 6px; font-size: 1.2rem; font-weight: 900!important; line-height: 1; } ul.navMenuIcons_topLevel { flex-direction: row!important; gap: 1rem!important; flex-wrap:wrap; margin: auto; justify-content: center } ul.wp-block-navigation-submenu > li { display: block!important; width: calc((100% - 2rem) / 3); max-width: 18rem; } ul.navMenuIcons_topLevel > li.menuItem-past-initiatives { width: 100%!important; max-width: calc(18rem * 3 + 2rem); } .menuItem-learn-more { } span.menuItem-learn-more { text-transform: uppercase; font-size: .6rem; font-weight: 800; padding: .4em 1em; background-color: var(--c-verylightgrey); width: fit-content; border-radius: 6px; } #navBarMain { width: 100%; } @media (min-width: 600px) { #navBarMain { box-shadow: 0 calc(100vh + var(--navBarFull-height)) 0 100vh #00000000; } #navBarMain:hover { box-shadow: 0 calc(100vh + var(--navBarFull-height)) 0 100vh #00213da1; } } ul.burkeMainNavigation > li, #navBarMain .wp-block-buttons { /*box-shadow: 0 -100vw 0 100vw #00000000; */ } ul.burkeMainNavigation > li:hover, #navBarMain .wp-block-buttons:hover { /*box-shadow: 0 -100vw 0 100vw #00213da1;*/ /*z-index: 1;*/ } #navBarMain, #navBarMain:hover, ul.burkeMainNavigation > li, ul.burkeMainNavigation > li:hover, #navBarMain .wp-block-buttons, #navBarMain .wp-block-buttons:hover { transition: box-shadow var(--transition-time) var(--transition-type); } ul.menu-news-learning { display:flex!important; flex-wrap: wrap; max-height: 38rem; flex-direction: column; } ul.menu-news-learning > li { display: block!important; text-align: left; align-items: flex-start; margin-top: .2rem; margin-bottom: 1rem; } ul.menu-news-learning > li > ul > li:not(:last-child) { border-bottom: 1px solid var(--c-verylightgrey); padding-bottom: .5rem; border-radius: 6px; } ul.menu-news-learning p.menu-description { font-size: .7rem; font-weight: 500; line-height: 1.3; margin: 0; margin-left: .5rem; margin-bottom: .5rem; margin-top: .5rem; } ul.menu-news-learning > li > ul { } .wp-block-navigation ul.menu-news-learning.wp-block-navigation__submenu-container > li.wp-block-navigation-item > a:not(.more-button), .navMenuIcons_topLevel > li a { padding-top: 0rem!important; padding-bottom: 0rem!important; margin-top: 0!important; margin-bottom: 0!important; line-height: 1; } .wp-block-navigation ul.menu-news-learning.wp-block-navigation__submenu-container > li.wp-block-navigation-item > a:not(.more-button):hover, .navMenuIcons_topLevel > li a:hover { padding-top: .6rem !important; padding-bottom: .6rem !important; margin-top: -.6rem!important; margin-bottom: -.6rem!important; } ul.wp-block-navigation__submenu-container li ul li a:hover { background-color: var(--c-verylightgrey); padding-top: .5rem !important; padding-bottom: .5rem !important; margin-top: -.5rem !important; margin-bottom: -.5rem !important; } ul.navMenuIcons_topLevel li ul li a:hover { padding-top: .7rem !important; padding-bottom: .7rem !important; } ul.wp-block-navigation__submenu-container li ul li a, ul.wp-block-navigation__submenu-container li ul li a:hover, ul.menu-news-learning li ul li a *, ul.menu-news-learning li ul li a:hover * { transition: all var(--transition-type) var(--transition-time); } ul.menu-news-learning li ul li a:hover { background-color: var(--featureColor); color: var(--c-white)!important; } ul.menu-news-learning li ul li a:hover *{ color: var(--c-white)!important; } ul.menu-news-learning > li > a { line-height: 1.1; transition: all var(--transition-type) var(--transition-time); font-size: 1.4rem; color: var(--featureColor)!important; font-weight: 900!important; border-radius: var(--br2); } ul.menu-news-learning > li > a:not(.more-button):after { content: "➜"; margin-left: auto; opacity: 0; transition: all var(--transition-type) var(--transition-time); height: fit-content; color: var(--c-white); /*background-color: var(--featureColor);*/ border-radius: 100%; padding: .3rem; font-size: .75em; font-weight: 500; } ul.menu-news-learning > li > a:hover:after { opacity: 1; transition: all var(--transition-type) var(--transition-time); } ul.menu-news-learning li.wp-block-navigation-item > a { padding-bottom: .8rem!important; padding-top: .8rem!important; margin-bottom: .5rem!important; } ul.menu-news-learning > li > a:hover { transition: all var(--transition-type) var(--transition-time); color: var(--c-white)!important; background-color: var(--featureColor); } ul.menu-news-learning li > ul > li > a { display:flex!important; flex-direction: row; gap: .5rem; align-items: center; } time { font-size: .9rem; font-weight: 500; } ul.menu-news-learning li ul.recent-posts > li .post-date { height: -webkit-fill-available; font-size: .6rem; font-weight: 600; text-transform: uppercase; color: var(--c-grey) !important; width: 2rem; min-width: 2rem; max-width: 2rem; display: flex; flex-wrap: nowrap; border-right: 1px solid var(--c-verylightgrey); padding-right: 0.6rem; flex-direction: column; align-items: center; justify-content: center; } ul.menu-news-learning .date-comma, ul.menu-news-learning .date-day { display:none; } ul.menu-news-learning span.date-month { font-size: 1.25em; } ul.menu-news-learning span.date-day { font-size: 2em; } ul.recent-posts-community-champion li a { font-size: .9rem; font-weight: 500; } ul.menu-news-learning li ul.recent-posts > li > a { } ul.menu-news-learning li > ul > li > a { padding: 0 .5rem; } ul.navMenuIcons_topLevel li > ul > li > a { padding: .2rem .5rem!important; } ul.menu-news-learning > li.navSubNews { --featureColor : var(--c-teal); } ul.menu-news-learning > li.navSubChampions { /*--featureColor : var(--c-deepseafoam);*/ --featureColor : var(--c-deepteal); } ul.menu-news-learning > li.navSubDispatches { --featureColor : var(--c-blue); } ul.menu-news-learning > li.navSubReportsResearch { /*--featureColor : var(--c-mint);*/ --featureColor : var(--c-deepseafoam); } ul.menu-news-learning > li > a.more-button { text-transform: uppercase; font-size: .6rem; background-color: var(--c-verylightgrey); color: var(--c-navy)!important; border-radius: 6px; font-weight: 700 !important; padding: .6em 1em!important; } ul.menu-news-learning > li > a.more-button:after { /* content: ' ➜' */ } ul.menu-news-learning > li > a.more-button:hover { background-color: var(--featureColor); color: var(--c-white)!important; padding: .6em 1.6em!important; } ul.recent-posts-community-champion li a { font-size: .9rem; font-weight: 500; } a.more-button { margin-left: .5rem; margin-bottom: 1rem; } /*ul.menu-news-learning > li.navSubChampions > a { background-color: var(--c-verylightgrey); text-align:center; } ul.menu-news-learning > li.navSubChampions > a:hover { background-color: var(--featureColor); } .wp-block-navigation ul.menu-news-learning.wp-block-navigation__submenu-container > li.wp-block-navigation-item.navSubChampions > a:not(.more-button) { padding-top: .6rem !important; padding-bottom: .6rem !important; margin-top: -.6rem!important; margin-bottom: -.6rem!important; } .wp-block-navigation ul.menu-news-learning.wp-block-navigation__submenu-container > li.wp-block-navigation-item.navSubChampions > a:not(.more-button):hover { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; margin-top: -1.2rem!important; margin-bottom: -1.2rem!important; }*/ @media (min-width: 600px) { header { padding-bottom: var(--navBarFull-height); } div#navBarFull { position: fixed; width: 100%; } .entry-content:not(+ .titleBar) { padding-top: var(--navBarFull-height); } } /* Footer */ .burkeFooter h1 { font-size: .7rem; text-transform: uppercase; font-weight: 600; letter-spacing: .1em; margin:auto; text-align:center; border-bottom: 2px solid var(--c-teal); padding-bottom: .75em; margin-bottom: 1rem; } .burkeFooter p.callout { font-size: 1.2rem; font-weight: 300; line-height: 1.3; } .burkeFooter a, .burkeFooter a:hover { text-decoration: none; transition: all var(--transition-type) var(--transition-time); } .burkeFooter li.wp-block-post, .burkeFooter li.wp-block-post > a, .burkeFooter li.wp-block-post > a > .wp-block-group { border-radius: var(--br1); } .burkeFooter li.wp-block-post h5 { font-size: 1rem; line-height: 1; transition: all var(--transition-type) var(--transition-time); } .burkeFooter li.wp-block-post .wp-block-post-date { margin-top: .4em; transition: all var(--transition-type) var(--transition-time); } .burkeFooter li.wp-block-post > a > .wp-block-group { padding: 1rem; transition: all var(--transition-type) var(--transition-time); } .burkeFooter li.wp-block-post { margin-top: .5rem; transition: all var(--transition-type) var(--transition-time); } .burkeFooter li.wp-block-post:hover { /*transform: scale(1.2);*/ transition: all var(--transition-type) var(--transition-time); z-index: 9999; position: relative; } .burkeFooter li.wp-block-post:hover > a > .wp-block-group { background-color: var(--c-verydarkgrey)!important; transition: all var(--transition-type) var(--transition-time); } .burkeFooter li.wp-block-post:hover h5 { color: var(--c-white)!important; transition: all var(--transition-type) var(--transition-time); } .burkeFooter li.wp-block-post:hover .wp-block-post-date { color: var(--c-teal)!important; transition: all var(--transition-type) var(--transition-time); } .burkeFooter .wp-block-buttons { gap:10px; } .burkeFooter .wp-block-buttons a { font-size:.6rem; } .burkeFooter .wp-block-button { width: calc(50% - 10px); } .burkeFooter .wp-block-button a:hover { padding: 1rem 1.5rem; } .burkeFooter .wp-block-columns {gap:2rem;} .burkeFooter ul.wp-block-list { font-size:.8rem; } .burkeFooter .wp-block-column > ul.wp-block-list > li { font-weight:800; margin-bottom: .5em; } .burkeFooter .wp-block-column > ul.wp-block-list > li > ul > li { font-weight: 600; font-size: .6rem; margin-bottom: .2em; list-style-type: disc; } .burkeFooter hr.wp-block-separator.has-alpha-channel-opacity.is-style-wide { width: 90%; margin-left: 0; } .burkeFooter .wp-block-column > ul.wp-block-list { list-style-type: none; padding-left: 0; } /* Post Single */ .taxonomy-category a, span.taxonomy-category, /*span.taxonomy-program-pillar,*/ span[class*="taxonomy-"], .taxonomy-program-pillar a { color: var(--c-white); font-size: .7rem; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; width: fit-content; /* background-color: var(--c-teal);*/ background-color: var(--sectColor); padding: .6em 1.5em; border-radius: var(--globalButtonBorderRadius); text-decoration: none; white-space: nowrap; } body.dispatch-template-default .taxonomy-category a, { background-color: var(--c-blue); } span.taxonomy-program-pillar, .taxonomy-program-pillar a { padding: .4em 1.2em; font-size:.7rem; text-transform: none; font-weight:600; } .taxonomy-program-pillar.healthy-pregnancies-and-strong-beginnings { background-color:var(--colorHPSB); } .taxonomy-program-pillar.transforming-pediatric-care { background-color:var(--colorTPC); } .taxonomy-program-pillar.child-care-for-new-jersey-families { background-color:var(--colorCCNJF); } .taxonomy-program-pillar.past-initiatives { background-color:var(--colorPI); } .wp-block-post-terms { display: flex; gap: .2em; flex-wrap: wrap; /* margin-top:1.5em;*/ } #aboutContent .postRollDefault-content .wp-block-post-terms { margin-top:.5em; } @media(min-width: 782px) { #aboutContent .postRollDefault-image { min-height: 18rem; } } #aboutContent .postRollDefault-title h4 { font-size: var(--wp--preset--font-size--2-x-large); margin-bottom: .25em; color: var(--c-navy); } #aboutContent h5.post-headline { color: var(--c-blue); font-size: var(--wp--preset--font-size--large); } #aboutContent .postRollDefault-image { border-color: var(--c-blue); } .valuecardrow { align-items: flex-start; } .valuecard { border-radius: var(--br1); transition: all var(--transition-type) var(--transition-time); } .valuecard:not(.block-editor-block-list__block):hover { transform:scale(1.3); transition: all var(--transition-type) var(--transition-time); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background-color: var(--c-verylightgrey); cursor: help; z-index:100; } .valuesicons .wp-block-burke-svgicon { aspect-ratio: 1; padding: 2rem; border-radius: 100%; } .postid-16511 .valuesicons .wp-block-burke-svgicon { padding: .5rem; } .valuesicons { display:flex; flex-direction: column; /*width: 18rem;*/ } .iconadjustment1 .svg-icon { margin-top: 8px; margin-bottom: -8px; } .flip-odometer { display: inline-flex; font-size: 5rem!important; margin-left: -.18em!important; } .flip-digit { position: relative; overflow: hidden; height: 1em; width: 0.65em; margin-left: -.05em; } .flip-digit:nth-child(2) { margin-left: -.12em } .flip-digit:nth-child(4) { margin-left: -.18em } .flip-digit:nth-child(5) { margin-left: -.18em } .flip-inner { display: flex; flex-direction: column; transition: transform 2s ease-out; } .flip-inner span { height: 1em; display: block; line-height: 1em; text-align: center; } .bgoverlay { /*background-blend-mode: overlay;*/ background-blend-mode: luminosity; } body.post-type-archive-portfolio-item .postRollDefault-content .wp-block-post-terms, body.term-past-initiatives .postRollDefault-content .wp-block-post-terms { display:none; } .postRollDefault-excerpt p { margin-top: 1em; margin-bottom: 0; font-weight: 500; line-height: 1.3; } .post-banner-outer .wp-block-post-terms { display: flex; gap: .2em; flex-direction: column; } .wp-block-post-terms .wp-block-post-terms__separator {display:none;} .postrolltemp p, .postrolltemp .taxonomy-post_tag, .postrolltemp .taxonomy-category {font-size: .7rem;} .postrolltemp h3 {font-size: 1.3rem;} .titleBar { position:relative; z-index: 1000; } .titleBarContentInner, .FeaturedQuoteInner { /*max-width:60%;*/ } .titleBarImg { /* max-width:40%;*/ } body.single h1.wp-block-post-title { font-size: 2.7rem; margin-top: 2rem; } body.single h3.portfolio_item_headline { margin-top: .75rem; border-left: 3px solid var(--sectColor); padding-left: .5em; } .titleBarPost h3 { font-size: 1.4rem; font-weight: 800; letter-spacing: 0; } body.single h3.report_subtitle { border-left: 3px solid var(--sectColor); padding-left: .5em; } figure.titleBarImg.wp-block-post-featured-image img { max-height: 450px; } figure.titleBarImg { position: absolute; bottom: -2rem; right: 0; } body:not(.dispatch-template-default):not(.community-champion-template-default) .DispatchFeaturedQuote { display:none; } .DispatchFeaturedQuote { background-color: var(--sectColor); } .post-title-community-champion-positions { display:flex; flex-direction: row; flex-wrap: wrap; } .post-title-community-champion-position { display: flex; flex-direction: column; flex-wrap: nowrap; gap: .5rem; margin: 0; width: 50%; } .post-title-community-champion-position > * { margin: 0; text-wrap: balance; line-height: 1.2; width: 100%; } .post-title-community-champion-position > :nth-child(1) { font-weight: 600; border-left: 2px solid var(--sectColor); padding-left: .75rem; } .post-title-community-champion-position > :nth-child(2) { padding-left: calc(.75rem + 2px); font-size: .9rem; } .tagsBlocks {text-align: center;} .tagsBlocks img { box-shadow: 0 0 4px 0px var(--c-lightgrey);; border-radius: 6px; object-fit: contain; width: 150px; height: 150px; padding: 1em; transition: all var(--transition-type) var(--transition-time); } .taxonomy-post_tag.tagsBlocks.wp-block-post-terms { gap: 1.5em; } .tagsBlocks a img:hover { box-shadow: 0 0 10px 0px #e0e0e0; transition: all var(--transition-type) var(--transition-time); scale: 120%; } span.tagBlockText { display: flex; justify-content: center; align-items: center; box-shadow: 0 0 4px 0px var(--c-lightgrey);; border-radius: 6px; width: 150px; height: 150px; padding: 1em; font-size: .9rem; line-height: 1.3; } /* Dispatches */ .FeaturedQuoteInner { font-size: 1.1rem; line-height: 1.4; font-weight: 600; } /*body.dispatch-template-default .wp-block-separator { width: 100% !important; margin-top: 3em; } body.single-community-champion .wp-block-separator { width: 100% !important; margin-top: 3em; } */ .wp-block-separator { width: 100% !important; margin-top: 3em; } .row-featurephotoright { display: flex; align-items: center; padding-top: 80px; padding-bottom: 80px; background-color: #f2f2f2; figure { margin: 0; max-width: 100%; height: auto; } img { border-radius: 100%; border: 10px solid var(--c-teal); vertical-align: middle; max-width: 100%; height: auto; } > div { z-index:1001; } > div:nth-child(1) { margin-left: auto; display: flex; justify-content: flex-end; width: 60%; max-width: calc((.6 * var(--wp--style--global--content-size)) - 10px); > div { } } > div:nth-child(2) { margin-right: auto; max-width: calc(.4 * var(--wp--style--global--content-size)); width: 40%; > div { right: -20%; position: relative; max-height: 0; display: flex; align-items: center; } } } .homeIcon1 { margin:auto; text-align: center; width: 120px; } .homeIcon1 svg rect { fill: var(--c-blue); } .homePortfolioRoll { padding-top: 4rem; max-width: calc(var(--wp--style--global--content-size) + 10rem); margin: auto; } .homePortfolioRoll * { margin:0; margin-top:0; margin-bottom:0; } .homePortfolioRoll h3 { line-height:1.05 } .homePortfolioRoll h4 { font-size: 1.3rem; font-style: italic; margin: 0; line-height: 1.13; font-weight: 400; } .homePortfolioRoll > ul { display: flex; flex-direction: row; flex-wrap: wrap; max-width: calc(var(--cw) + (var(--wp--preset--spacing--30) * 2)); margin: auto!important; } .homePortfolioRoll > ul > li { width: calc(50% - 3rem); } .homePortfolioRoll > ul > li > div a.portfolio-readmore-overlay { height: 0; opacity: 0; } .homePortfolioRoll > ul > li > div:hover a.portfolio-readmore-overlay { position: absolute; z-index: 1000; height: 100%; width: 100%; border-radius: var(--br1); } .homePortfolioRoll > ul > li > div { border-radius: var(--br1); transition: all var(--transition-type) var(--transition-time); } .homePortfolioRoll > ul > li > div:hover { background-color: var(--c-verylightgrey); transition: all var(--transition-type) var(--transition-time); } .homePortfolioRoll p { font-weight: 500!important; margin-top: .5em; margin-bottom: 0; line-height: 1.2; color: var(--c-darkgrey); } .homePortfolioRoll p.wp-block-post-excerpt__more-text { font-size: .8rem; letter-spacing: .05em } .homePortfolioRoll a.wp-block-post-excerpt__more-link { background-color: var(--c-navy); padding: .6em 1em; border-radius: 6px; color: white; text-decoration: none; text-transform: uppercase; font-weight: 600; margin-top: .8em; } .homePortfolioRoll img { width: 100%; /*height: 100%;*/ /*max-height: 18rem;*/ height: 13rem; object-fit: cover; display: block; border-radius: 8px; border: var(--c-navy) 5px solid; } .homePortfolioRoll hr { height: 6px!important; margin-top:.5rem; margin-bottom:1rem; } .homePortfolioRoll { position: relative; overflow: hidden; } .homePortfolioRoll ul { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; list-style: none; padding: 0; margin: 0; scroll-behavior: smooth; scroll-snap-type: x mandatory; gap: 1rem; overflow: hidden; } .homePortfolioRoll li { flex: 0 0 calc((100% / 3) - 1rem); /* Show 3 items at a time */ scroll-snap-align: start; } .scrollButton { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 10; background: none; border: none; width: 3.5rem; } .scrollLeft { left: 10px; } .scrollRight { right: 10px; } .scrollButton svg { fill: var(--c-lightgrey); transition: all var(--transition-type) var(--transition-time); } .scrollButton svg:hover { fill: var(--c-teal); transition: all var(--transition-type) var(--transition-time); } .has-group-style-button > a { text-decoration: none; } .has-group-style-button > a > .wp-block-group { width: fit-content; padding: .8em 0em .5em 0em; border-radius: var(--br1); } .has-group-style-button > a:hover > .wp-block-group { background-color: var(--sectColor); padding: .8em 2em .5em 2em; } .has-group-style-button > a > .wp-block-group *{ color: var(--sectColor); fill: var(--sectColor); font-size: 1.5rem; font-weight: 900; text-wrap: pretty; letter-spacing: -.02em; margin:0; } .has-group-style-button > a:hover > .wp-block-group *{ color: var(--c-white); fill: var(--c-white); } .has-group-style-button > a > .wp-block-group, .has-group-style-button > a:hover > .wp-block-group, .has-group-style-button > a > .wp-block-group *, .has-group-style-button > a:hover > .wp-block-group * { transition: all var(--transition-type) var(--transition-time); } .homePortfolioRoll > .wp-block-group > a, .buttonspecial1 > a { display: flex; justify-content: flex-end; text-decoration: none; } .homePortfolioRoll > .wp-block-group > a > .wp-block-group, .buttonspecial1 > a > .wp-block-group { width: fit-content; padding: .8em 0em .5em 0em; border-radius: var(--br1); } .homePortfolioRoll > .wp-block-group > a:hover > .wp-block-group { background-color: var(--c-coral); padding: .8em 2em .5em 2em; } .buttonspecial1 > a:hover > .wp-block-group { /*background-color: var(--c-teal);*/ background-color: var(--sectColor); padding: .8em 2em .5em 2em; } .homePortfolioRoll > .wp-block-group > a:hover > .wp-block-group *, .buttonspecial1 > a:hover > .wp-block-group *{ color: var(--c-white)!important; fill: var(--c-white); } .homePortfolioRoll > .wp-block-group > a > .wp-block-group, .homePortfolioRoll > .wp-block-group > a:hover > .wp-block-group, .homePortfolioRoll > .wp-block-group > a > .wp-block-group *, .homePortfolioRoll > .wp-block-group > a:hover > .wp-block-group *, .buttonspecial1 > a > .wp-block-group, .buttonspecial1 > a:hover > .wp-block-group, .buttonspecial1 > a > .wp-block-group *, .buttonspecial1 > a:hover > .wp-block-group * { transition: all var(--transition-type) var(--transition-time); } .sectCoral { --sectColor: var(--c-coral); } .homeform { } .homeform form { } .homeform .form-row { display: flex; flex-wrap: wrap; margin-bottom: 1rem; gap: 1rem; } .homeform form input { padding: 1rem; border-radius: var(--globalButtonBorderRadius); } .homeform form input:not([type='submit']) { border: 2px solid var(--c-teal); } .homeform form input[type='text'] { width: calc(50% - 8px - 2.3rem); } .homeform form input[type='email'] { width: 100%; } .homeform form input[type='submit'] { background-color: var(--c-teal); color: var(--c-white); border: none; font-size: .8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; cursor: pointer; transition: all var(--transition-type) var(--transition-time); } .homeform form input[type='submit']:hover { background-color: var(--c-green); padding: 1rem 3rem; transition: all var(--transition-type) var(--transition-time); } /* ------------------------ Container Width Sizing/Spacing ------------------------ */ .customStyles_ContainerWidth { } .customStyles_ContainerWidth.container-width-100 { --container-width: 100%; } .customStyles_ContainerWidth.container-width-83-3333 { --container-width: 83.3333%; } .customStyles_ContainerWidth.container-width-80 { --container-width: 80%; } .customStyles_ContainerWidth.container-width-75 { --container-width: 75%; } .customStyles_ContainerWidth.container-width-66-6667 { --container-width: 66.6667%; } .customStyles_ContainerWidth.container-width-60 { --container-width: 60%; } .customStyles_ContainerWidth.container-width-50 { --container-width: 50%; } .customStyles_ContainerWidth.container-width-40 { --container-width: 40%; } .customStyles_ContainerWidth.container-width-33-3333 { --container-width: 33.3333%; } .customStyles_ContainerWidth.container-width-25 { --container-width: 25%; } .customStyles_ContainerWidth.container-width-20 { --container-width: 20%; } .customStyles_ContainerWidth.container-width-16-6667 { --container-width: 16.6667%; } .customStyles_ContainerWidth { width: var(--container-width); } .customStyles_InnerWidth.inner-width-100 { --inner-width: 100%; } .customStyles_InnerWidth.inner-width-83-3333 { --inner-width: 83.3333%; } .customStyles_InnerWidth.inner-width-80 { --inner-width: 80%; } .customStyles_InnerWidth.inner-width-75 { --inner-width: 75%; } .customStyles_InnerWidth.inner-width-66-6667 { --inner-width: 66.6667%; } .customStyles_InnerWidth.inner-width-60 { --inner-width: 60%; } .customStyles_InnerWidth.inner-width-50 { --inner-width: 50%; } .customStyles_InnerWidth.inner-width-40 { --inner-width: 40%; } .customStyles_InnerWidth.inner-width-33-3333 { --inner-width: 33.3333%; } .customStyles_InnerWidth.inner-width-25 { --inner-width: 25%; } .customStyles_InnerWidth.inner-width-20 { --inner-width: 20%; } .customStyles_InnerWidth.inner-width-16-6667 { --inner-width: 16.6667%; } /*.has-gap-30 {--iw_gap: 1rem;}*/ .has-gap-30 {--iw_gap: .5rem;} .has-gap-40 {--iw_gap: 2rem;} .has-gap-50 {--iw_gap: 4rem;} .has-gap-60 {--iw_gap: 8rem;} .has-gap-70 {--iw_gap: 16rem;} .customStyles_InnerWidth { gap:var(--iw_gap); } .customStyles_ContainerWidth { } .customStyles_InnerWidth > * { margin-block-start: 0!important; margin-left: 0!important; margin-right: 0!important; } .customStyles_InnerWidth > *, .customStyles_InnerWidth .lb_figures > * { width: calc(var(--inner-width) - (((100% / var(--inner-width) - 1) * var(--iw_gap)) / (100% / var(--inner-width)))); } /* Lightbox */ .lb_inner { width: 100%; } .lb_inner img { width: auto; border-radius: 4px; } .lb_figures { display:flex; flex-wrap: wrap; gap: var(--iw_gap); } .is-content-justification-center .lb_figures { justify-content: center; } .is-content-justification-left .lb_figures { justify-content: left; } .is-content-justification-right .lb_figures { justify-content: right; } .customStyles_InnerWidth.is-layout-constrained { flex-wrap: wrap; display: flex; } .customStyles_InnerWidth.is-content-justification-center.is-layout-constrained { justify-content: center; } .customStyles_InnerWidth.is-content-justification-right.is-layout-constrained { justify-content: right; } .lb_feature { width: calc(100vw - 4rem); position:fixed; top:0; left: 0; z-index:99999999; display:flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; background-color: #000000c4; padding: 2rem; height: calc(100vh - 4rem); max-width: 100%; } .lb_feature .lb_active { display: flex; justify-content: center; height: 85%; margin: auto; } .lb_feature .lb_active figure, .lb_feature .lb_active img { height: 100%; object-fit: contain!important; } .lb_feature .lb_figures { display: flex; flex-wrap: nowrap; justify-content: center; height:15%; align-items: center; width: fit-content; margin: auto; z-index:9999; padding: 1rem; } .lb_feature .lb_figures figure { opacity: .5; width: 100%; max-width: 6rem; max-height: 100%; aspect-ratio:1; object-fit: contain; display: flex; align-items: center; justify-content: center; } .lb_feature .lb_figures figure img { max-height: 100%; width: unset; /*height: 100%;*/ } .lb_feature .lb_figures figure[data-state="active"] { opacity: 1; } .lb_inner .lb_active { display:none; } .lb_figures { } .has-group-style-gallerylightbox[data-state="inactive"] .lb_feature { display:none; } .lb_inner .lb_active { display:none; } .lb_figures { } .has-group-style-gallerylightbox[data-state="inactive"] .lb_feature { display:none; } .lb_controls { display:flex; justify-content: center; align-items: center; position: fixed; margin: auto; width: 100%; height: 100%; margin-left: -2rem; background-color: #00000000; } .lb_controls button { position:absolute; cursor: pointer; background-color: #00000000; } .lb_controls button svg { fill: var(--c-white); } .lb_button_close { top:0; right:0; } .lb_button_next { right:0; transform-origin: right center; } .lb_button_previous { left: 0; transform-origin: left center; } .lb_button_next, .lb_button_previous { height: 100%; width: 30%; border: none; } .lb_button_next svg, .lb_button_previous svg { width: 2rem; opacity: .8; } .lb_button_close { width: 4rem; height: 4rem; border: 2px solid white; z-index: 999999; transform-origin: top right; } .lb_button_close svg { width: 1rem; } .lb_button:hover { transform:scale(1.1); } .lb_button_next:hover, .lb_button_previous:hover { background-color: #19365552; box-shadow: 0 0 4px 0px var(--c-navy); } .lb_button_close:hover { background-color: var(--c-deepteal); } .lb_button_next, .lb_button_previous, .lb_button_next:hover, .lb_button_previous:hover, .lb_button_close, .lb_button_close:hover { transition: all var(--transition-type) var(--transition-time); } .lb_figures figure { background-color: #ffffff00; border-radius: 4px; } .lb_figures figure:hover { cursor: pointer; background-color: var(--c-navy); } .lb_figures figure:hover img { opacity: .5; } .lb_figures figure { position: relative; display: inline-block; overflow: hidden; margin: 0; } .lb_figures figure img { display: block; width: 100%; height: auto; } .lb_figures figure::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; } .lb_figures figure::after { content: "\f002"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: var(--c-white); font-size: 2rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; } .lb_figures figure:hover::before, .lb_figures figure:hover::after { opacity: 1; } .lb_figures figure, .lb_figures figure:hover, .lb_figures figure::after, .lb_figures figure:hover::after, .lb_figures figure::before, .lb_figures figure:hover::before, .lb_figures figure img , .lb_figures figure:hover img { transition: all var(--transition-type) var(--transition-time); } .has-group-style-gallerylightbox figure { margin:0; } .has-group-style-gallerylightbox[data-state="active"] figure[data-state="inactive"] { /*margin-top:auto;*/ } /* Portfolios */ #portfolioPanelHPSB svg rect {fill: var(--colorHPSB);} #portfolioPanelTPC svg rect {fill: var(--colorTPC);} #portfolioPanelCCNJF svg rect {fill: var(--colorCCNJF);} #portfolioPanelHPSB h2 {color: var(--colorHPSB);} #portfolioPanelTPC h2 {color: var(--colorTPC);} #portfolioPanelCCNJF h2 {color: var(--colorCCNJF);} p[data-type="portfolio_menu"][data-group="healthy-pregnancies-and-strong-beginnings"] {background-color: var(--colorHPSB);} p[data-type="portfolio_menu"][data-group="transforming-pediatric-care"] {background-color: var(--colorTPC);} p[data-type="portfolio_menu"][data-group="child-care-for-new-jersey-families"] {background-color: var(--colorCCNJF);} .portfolio-panel-head p { font-size: 1.3rem; line-height:1.4 } .portfolio-panel h2 { font-weight:900; } #portfolioMenu { min-height: 7.2em; } #aboutMenu, #ourPeopleMenu { align-items: flex-start; } #portfolioMenu p, #aboutMenu p, #ourPeopleMenu p { font-weight: 800; text-decoration: none; transition: all var(--transition-type) var(--transition-time); cursor: pointer; font-size: .9rem; } #portfolioMenu p { padding: .8em 1.6em; } #aboutMenu p, #ourPeopleMenu p { background-color: var(--c-verylightgrey); color: var(--c-navy); border-radius: 0 0 6px 6px; padding: .8em 1.6em; box-shadow: 0px 0px 5px -2px var(--c-darkgrey); } #portfolioMenu p[data-state="on"], #portfolioMenu p:hover { padding: 1.6em; border-radius: 5px!important; transition: all var(--transition-type) var(--transition-time); color: var(--c-white); } #aboutMenu p[data-state="on"], #aboutMenu p:hover, #ourPeopleMenu p[data-state="on"], #ourPeopleMenu p:hover { padding: 1.6em; background-color: var(--c-navy); color: var(--c-white); transition: all var(--transition-type) var(--transition-time); } #portfolioMenu { background: linear-gradient(0deg, var(--c-white) 50%, var(--c-navy) 50%); } #portfolioContent .portfolio-panel, #aboutContent .panel, #ourPeople .panel { transition-property: opacity, max-height; transition-duration: .5s; transition-timing-function: ease-in-out; } #portfolioContent .portfolio-panel.active, #aboutContent .panel.active, #ourPeople .panel.active {opacity:100;} #portfolioContent .portfolio-panel:not(.active), #aboutContent .panel:not(.active), #ourPeople .panel:not(.active) {opacity:0;} #portfolioContent .portfolio-panel.hidden, #aboutContent .panel.hidden, #ourPeople .panel.hidden {display:none!important;} #aboutMenu[data-menu-position="bottom"] p, #ourPeopleMenu[data-menu-position="bottom"] p { border-radius: 6px; } #aboutMenu[data-menu-position="bottom"] p[data-state="on"], #aboutMenu[data-menu-position="bottom"] p:hover, #ourPeopleMenu[data-menu-position="bottom"] p[data-state="on"], #ourPeopleMenu[data-menu-position="bottom"] p:hover { padding: .8em 1.6em; } #aboutContent .panel > .wp-block-group:nth-child(1), #ourPeopleMenu .panel > .wp-block-group:nth-child(1) { margin-top: -4.2rem; padding-top: 8.2rem; } .program-pillar-head { display:flex; align-items: center; gap: 2em; } .pillar-icon-container { width:250px; } .program-pillar-head * {margin:0;} .program-pillar-head h2 {margin-bottom:.4em;} .has-group-style-cards { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; margin-left: auto; margin-right: auto; } .has-group-style-cards:not(.is-content-justification-left):not(.is-content-justification-right) { justify-content: center; } .has-group-style-cards:hover { z-index: 20; } .has-group-style-cards > div.wp-block-group { text-align: center; /* display: flex; flex-direction: column; justify-content: flex-start; */ margin: 0; line-height:1.25; background-color: var(--c-verylightgrey); border-radius: 10px; transition: all var(--transition-type) var(--transition-time); /*width: calc((var(--cw) - 2rem) / 3);*/ margin-left: 0!important; margin-right: 0!important; } .has-group-style-cards > div.wp-block-group:not(.block-editor-block-list__block) { z-index: 9000; } /* .has-group-style-cards:has( > div.wp-block-group:nth-child(4) ) > div.wp-block-group { max-width: calc((var(--cw) - 3rem) / 4); }*/ /* .has-group-style-cards:has( > div.wp-block-group:nth-child(4) ):not(:has( > div.wp-block-group:nth-child(5) ) ) > div.wp-block-group { max-width: calc((var(--cw) - 3rem) / 4); } */ .wp-block-burke-svgicon .image-selector-block { /* width:100%; display: flex;*/ /* justify-content: center; align-items: center;*/ } .svg100per .image-selector-block { width:100%; } .has-group-style-cards:not(.cards-portfolio) > div.wp-block-group { padding: 1.4rem; } .valuecardscontainer.has-group-style-cards > div.wp-block-group { /*width: calc((var(--cw) - 2rem) / 2);*/ background-color: #ffffff00; } .cards-portfolio > div.wp-block-group > div.wp-block-group { width:100%; padding: 2rem 1rem; margin:0; } .cards-portfolio > div.wp-block-group > div.wp-block-group:nth-child(1) { height: 17rem; border-radius: var(--br1) var(--br1) 0 0 ; } :not(.njstatscontainer) > .has-group-style-cards > div.wp-block-group:not(.block-editor-block-list__block):hover { transform:scale(1.3); transition: all var(--transition-type) var(--transition-time); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } :not(.njstatscontainer) > .has-group-style-cards:hover:has(div.wp-block-group:not(.block-editor-block-list__block):hover) > div.wp-block-group { opacity: 0.5; transition: all var(--transition-type) var(--transition-time); } :not(.njstatscontainer) > .has-group-style-cards:hover:has(div.wp-block-group:not(.block-editor-block-list__block):hover) > div.wp-block-group:hover { opacity: 1; transition: all var(--transition-type) var(--transition-time); z-index: 9999; } .valuecardscontainer.has-group-style-cards > div.wp-block-group:not(.block-editor-block-list__block):hover { background-color: var(--c-verylightgrey); } .has-group-style-cards > div > figure { margin:0; height:80px; } .has-group-style-cards > div > figure > img { height:80px; } .has-group-style-cards p strong { /*color: var(--c-teal);*/ /*color: var(--sectColor);*/ } .has-group-style-cards p { margin:0; margin-top:1em; } div#aboutMenu { z-index: 200; position: relative; } div#aboutMenu.about-menu-bottom { background-color: #ffffffc4; } .njstatscontainer { margin-top: -6rem!important; } /* ------------------------- Home -------------------------- */ #homeIntroContainer { opacity:0; } .home-intro-box { opacity: 0; } .home-row-photo { display: flex; flex-direction: row; align-items: stretch; justify-content: center; padding:0!important; min-height: 100%; } .home-row-photo figure { margin:0; } /*.home-row-photo .wp-block-group.has-background*/ .home-row-photo > .wp-block-group { margin-top:0; width:50%; padding-top: 6rem; padding-bottom: 6rem; display: flex; flex-direction: column; justify-content: center; } .home-row-photo > .wp-block-group:nth-child(1):not(.has-background) { --globalPhotoRowPadding: 4rem; padding-left: calc(.5 * (100% - var(--wp--style--global--content-size))); padding-right: var(--globalPhotoRowPadding); } .home-row-photo > .wp-block-group:nth-child(2):not(.has-background) { --globalPhotoRowPadding: 4rem; padding-right: calc(.5 * (100% - var(--wp--style--global--content-size))); padding-left: var(--globalPhotoRowPadding); } .home-row-photo > .wp-block-group.has-background { background-position: 50% 55%; } #homeIntroContainer h1 { font-size: 2.7rem; } #homeIntroContainer h1.h1special { font-size: 5.7rem; padding-bottom: .11em; line-height: .9; } #homeIntroContainer { display: flex; flex-direction: column; justify-content: center; max-height: 50vh; } h1.h1special, .shimmertext { filter: drop-shadow(0px 0px 1px #b3b3b3); font-weight: 900; background: linear-gradient( -233deg, var(--c-blue) 20%, var(--c-teal) 45%, var(--c-amber) 50%, var(--c-teal) 55%, var(--c-blue) 80% ); background-size: 200% 200%; background-position: 170% 50%; -webkit-text-fill-color: transparent; animation: shimmer 5s linear infinite; -webkit-background-clip: text; } @keyframes shimmer { 0% {background-position: 170% 50%; } 60% {background-position: 170% 50%; } 100% {background-position: -30% 50%; } } #homeIntroBackground, #homeImagineBackground, .home-intro-row, .home-imagine-row { margin-block-start: 0; margin-block-end: 0; } .home-intro-row { } #homeImagineContainer { display:flex; flex-direction:column; justify-content: center; } .home-imagine-row { height: 80vh; display:flex; flex-direction:column; justify-content: center; } .home-imagine-row:not(:first-child) { background: fixed; background-size: cover; background-blend-mode:hard-light; background-image: url(https://burkefoundation.dev.armstrongcreative.design/wp-content/uploads/2025/02/round-shapes-with-color-gradient-design-element-background_overlays_base2_web.jpg); } .home-intro-box, .home-imagine-box { max-width: calc(60vw - (50vw - (.5 * var(--wp--style--global--content-size)))); display: flex; justify-content: center; flex-wrap: nowrap; flex-direction: column; } .home-imagine-box { margin-left: calc((100vw - var(--wp--style--global--content-size))* .5); } .home-intro-row { height: 50vh; display: flex; flex-direction: column; justify-content: center; } .home-intro-box *, .home-imagine-box * { width:100%; } #homeIntroBox1 {} #homeIntroBox2 {} #homeIntroBox3 {} #homeIntroBox4 {} #homeIntroBox5 {} #homeGalleryContainer { opacity:0; } #homeGalleryContainer { } #homeGallery { display: flex; justify-content: center; flex-direction: column; align-items: flex-start; gap: 1rem; /*background-image: linear-gradient(0deg, #193655 20%, #ffffff 20%);*/ margin-bottom: -5vh; width: 100%; overflow: hidden; } .homeGalleryInner { } #homeGalleryCol1 { z-index:20; } .homeGalleryScrollTrack { display:flex; flex-direction: row; width: max-content; gap: 1rem; } #homeGalleryCol1 .homeGalleryScrollTrack { height: 30vh; } #homeGalleryCol2 .homeGalleryScrollTrack { height: 8vh; } #homeGalleryCol2 { transform: translateY(-45%); } /* Home Page - Boxed Photo Row Vertical Shift on Scroll */ .home-row-photo > .wp-block-group.has-background { min-height: 20rem; } @media (min-width: 782px) { .home-row-photo > .wp-block-group.has-background { opacity: .25; margin-top: 0; margin-bottom: -10vh; z-index: 100; animation: homePhotoRowShift linear forwards; animation-timeline: view(); animation-range-start: 0vh; animation-range-end: 120vh; } .home-row-photo > .wp-block-group:not(.has-background) { padding-top: 10vh; padding-bottom: 0; animation: homePhotoRowShift2 linear forwards; animation-timeline: view(); animation-range-start: 20vh; animation-range-end: 80vh; } } @media (max-width: 781px) { .home-row-photo > .wp-block-group.has-background { margin:0!important; padding:0!important; background-attachment: scroll!important; background-size: 100%!important; max-height: 90vw; } } @keyframes homePhotoRowShift { 0% { opacity: .25; margin-top: 0; margin-bottom: -20vh; } 30%, 70% { opacity: 1; } 100% { opacity: .5; margin-top: -20vh; margin-bottom: 0; } } @keyframes homePhotoRowShift2 { 0% { padding-bottom: 0; } 100% { padding-bottom:10vh; } } .home-stat-row > div { /* display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: space-evenly; gap: 1rem;*/ min-height: 34rem; } .home-stat-row > div > div { /*margin:0;*/ /*width: 33%;*/ } .home-stat-row > div > div > div{ margin:0; padding: 4rem 2rem!important; } .stat-cards-container { display: flex; } /* Card Conatiner */ .stat-cards-container > div { position: relative; } /* Front & Back Sides */ .stat-cards-container > div > div:not(.block-editor-block-list__block) { position: absolute; backface-visibility: hidden; height: 100%; cursor: help; } .stat-cards-container > div > div { transition: transform 0.6s; transform-origin: top left; border-radius: var(--br1); } /*.stat-cards-container:not(.block-editor-block-list__block) */ .stat-card-arrow { position: absolute; bottom: 1rem; right: 1rem; } /* Front Sides */ .stat-cards-container > div > div:nth-child(1):not(.block-editor-block-list__block) { z-index: 10; } /* Back Sides */ .stat-cards-container > div > div:nth-child(2):not(.block-editor-block-list__block) { z-index: 1; animation: statAnis ease-in-out 3s infinite; } @keyframes statAnis { 0% { transform: translateY(0) translateX(.3rem); } 50% { transform: translateY(.3rem) translateX(.3rem); } 100% { transform: translateY(0) translateX(.3rem); } } /* Hovers */ .stat-cards-container > div:hover > div:nth-child(1):not(.block-editor-block-list__block) { transform: rotateY(89deg); /*animation: statAnisHover ease-in-out 1s forwards; */ cursor: help; } .stat-cards-container > div:hover > div:nth-child(2):not(.block-editor-block-list__block) { /* transform: rotateY(360deg); */ cursor: help; } @keyframes statAnisHover { 0% { transform: translateY(0); } 0%, 48% { z-index: 10; } 48%, 52% { transform: translateY(-100%); } 52%, 100% { z-index: 0; } 100% { z-index: 0; transform: translateY(0); } } /* ---------------- Post Roll Formatting -------------------- */ .postRollDefault-wrapper { display: flex; align-items: center; border-radius: 8px; overflow: hidden; margin-bottom: 16px; text-decoration: none; padding: 2rem; color: inherit; max-width: var(--wp--style--global--content-size); margin: auto; margin-left: -2rem!important; margin-right: -2rem!important; transition: all var(--transition-type) var(--transition-time); } div.wp-block-query .postRollDefault-wrapper { margin-left: auto!important; margin-right: auto!important; } .postRollDefault-wrapper:hover { background-color: var(--c-verylightgrey); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transform:scale(1.1); } .postRollDefault-wrapper:hover * { } .postRollDefault-wrapper * { transition: all var(--transition-type) var(--transition-time); } .postRollDefault-wrapper .wp-block-post-terms { flex-direction: column; } h4.wp-block-post-title { margin:0; margin-bottom: .5em; margin-top: .5em; color: var(--c-blue); } .post-banner-outer time.post-date { color: var(--c-white) !important; } .postRollDefault-meta { margin-top: .6rem; } .postRollDefault-wrapper h4 { color: var(--sectColor); margin-bottom: .2em; font-size: 1.6rem; } .postRollDefault-wrapper h5 { margin-bottom: 1.2em; } footer .postRollDefault-wrapper { padding: 1rem; box-shadow: 0 8px 5px -6px var(--c-verydarkgrey); margin-bottom: 0; } footer .postRollDefault-wrapper h4 { font-size: 1rem; color: var(--c-white); } footer .postRollDefault-wrapper:hover h4 { color: var(--c-teal); } footer .postRollDefault-wrapper:hover time { color: var(--c-navy) } h5.post-headline { font-size: 1.5rem; font-style: italic; margin: 0; line-height: 1.2; font-weight: 400; } #portfolioContent h4.wp-block-post-title { margin-bottom:.2em; } .postRollDefault-link { text-decoration: none; color: inherit; display: block; width: 100%; } .postRollDefault-content { display: flex; width: 100%; gap: 2em; } .postRollDefault-image { flex: 1; overflow: hidden; position: relative; display: flex; align-items: center; min-height: 14rem; max-height: 14rem; border: 8px solid var(--sectColor); border-radius: 16px; } .research-report .postRollDefault-image { max-height: fit-content; } .our-people .postRollDefault-image, .community-champion .postRollDefault-image, .dispatch .postRollDefault-image { aspect-ratio: 1; border-radius: 100%; max-height: fit-content; } #portfolioPanelHPSB .postRollDefault-image { border-color: var(--colorHPSB); } #portfolioPanelTPC .postRollDefault-image { border-color: var(--colorTPC); } #portfolioPanelCCNJF .postRollDefault-image { border-color: var(--colorCCNJF); } .postRollDefault-image img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px; } .postRollDefault-text { flex: 2; padding: 16px; display: flex; flex-direction: column; justify-content: center; } .postRollDefault-category .post-category { display: inline-block; font-size: .7rem; padding: .4em 1.5em; } .postRollDefault-excerpt { color: var(--c-navy); } .research-report .postRollDefault-image { max-height: fit-content; } #portfolioPanelHPSB li.portfolio-item:not(.program-pillar-healthy-pregnancies-and-strong-beginnings) { display:none; } #portfolioPanelTPC li.portfolio-item:not(.program-pillar-transforming-pediatric-care) { display:none; } #portfolioPanelCCNJF li.portfolio-item:not(.program-pillar-child-care-for-new-jersey-families) { display:none; } /* ---------------- Next/Previous Post Block ---------------- */ body.single-our-people .post-navigation { display:none; } .post-navigation { display: flex; justify-content: space-between; gap: 1em; margin-top: 4em; margin-bottom: 4em; } .post-navigation-item { width: 50%; overflow: hidden; } .post-navigation-link { display: flex; text-decoration: none; color: inherit; background-color: var(--c-verylightgrey); height:100%; transition: all var(--transition-type) var(--transition-time); } .post-navigation-link *{ transition: all var(--transition-type) var(--transition-time); } .post-navigation-link:hover { background-color: var(--c-navy); } .post-navigation-link:hover * { color: var(--c-white); } .post-navigation-item.previous-post .post-navigation-link { justify-content: flex-end; border-radius: 0px 10px 10px 0px } .post-navigation-item.next-post .post-navigation-link { justify-content: flex-start; border-radius: 10px 0px 0px 10px } .post-navigation:has(.next-post):not(:has(.previous-post)){ justify-content: flex-end; } .post-navigation-inner { display: flex; flex-direction: column; padding: 2em 4em 3em 4em; width:100%; } .post-navigation-label { font-weight: 900; font-size: .9rem; margin-bottom: 10px; display: block; color: var(--c-navy); } .post-navigation-label i { color: var(--c-navy); } .post-navigation-content { display:flex; height: 100%; min-height:200px; } .post-navigation-image { width: 60%; height: 100%; background-size: cover; background-position: center; min-height: 14rem; max-height: 14rem; border: 8px solid var(--sectColor); border-radius: 16px; } body.single-dispatch .post-navigation-image, body.single-community-champion .post-navigation-image, body.single-our-people .post-navigation-image { min-height: unset; } body.single-research-report .post-navigation-image { max-height: fit-content; background-color: var(--c-white); } .community-champion .post-navigation-image, .dispatch .post-navigation-image { aspect-ratio: 1; border-radius: 100%; max-height: fit-content; } body:is(.single-our-people, .single-community-champion, .single-dispatch) .post-navigation-image { max-width: 14rem; max-height: 14rem; } .post-navigation-details { padding: 15px; padding-left:30px; width:55%; display: flex; flex-direction: column; justify-content: center; } .post-navigation-details span.post-category { display: inline-block; font-size: .7rem; padding: .3em 1.2em; } h3.post-title { font-size: 1.2rem; margin: 0; margin-bottom: 8px; margin-top: .5em!important; color: var(--c-navy-2); } h4.post-headline { font-size: 1.1rem; margin-top: 0; font-style: italic; font-weight: 500; color: var(--c-navy); margin-bottom: 0; } h4.post-team-title { font-size: 1.1rem; margin-top: 0; font-weight: 400; color: var(--c-navy); } .post-navigation-details .display-date { margin-top: .5em; } .wp-block-post-terms.display-categories { margin-bottom:1em; } body.single-research-report .post-navigation-image { /*width: 30%;*/ background-size: contain; background-repeat: no-repeat; } body:not(.post-type-archive-portfolio-item) .titleBar { box-shadow: inset 0 -24px 10px -25px var(--c-verydarkgrey); } .post-banner-row-1 { box-shadow: inset 0 -24px 10px -25px #02070a; } /* ---------------Post Banner Formatting ----------------- */ .post-banner-outer { display: grid; grid-template-columns: 65% 35%; grid-template-rows: auto auto; /* Rows adjust based on content */ width: 100%; /* Full width */ position: relative; } body.single-community-champion .post-banner-outer, body.single-dispatch .post-banner-outer { grid-template-columns: 60% 40%; } .post-banner-row { grid-column: 1 / 3; /* Span two columns */ z-index: 0; position: relative; margin-block-start: 0; margin-block-end: 0; } .post-banner-row-1 { grid-row: 1; min-height:435px; } .post-banner-row-2 { grid-row: 2; } .post-banner-row-3 { grid-row: 3; } .post-banner-box { display: flex; align-items: center; justify-content: flex-start; z-index: 1; position: relative; padding-top: 40px; padding-bottom: 40px; margin-block-start: 0; margin-block-end: 0; } .post-banner-box-1 { grid-column: 1; grid-row: 1; } .post-banner-box-2 { grid-column: 1; grid-row: 2; } .post-banner-box-3 { grid-column: 1; grid-row: 3; } .post-banner-box-1, .post-banner-box-2, .post-banner-box-3 { width: 100%; max-width: calc(65vw - (50vw - (.5 * var(--wp--style--global--content-size)))); margin-left: auto; padding-right: 3em; } body.single-community-champion .post-banner-box-1, body.single-community-champion .post-banner-box-2, body.single-community-champion .post-banner-box-3, body.single-dispatch .post-banner-box-1, body.single-dispatch .post-banner-box-2, body.single-dispatch .post-banner-box-3 { max-width: calc(60vw - (50vw - (.5 * var(--wp--style--global--content-size)))); } .post-banner-box-4 { grid-column: 2; grid-row: 1 / 4; /* Span three rows */ z-index: 2; display: flex; align-items: center; justify-content: center; /* padding-bottom: 0px;*/ } .post-banner-box-4-inner { height: 100%; width: 100%; position: relative; display: flex; /* align-items: center;*/ /* justify-content: flex-end;*/ align-items: flex-start; justify-content: center; } .post-banner-box-4-inner figure { max-width: 100%; /* max-height: 100%;*/ position: absolute; display:flex; width: 100%; } body:not(.single-our-people, .single-community-champion, .single-dispatch) .post-banner-box-4-inner figure { height: 100%; } .post-banner-box-4-inner img { border-radius: 10px 0px 0px 10px; } .single-dispatch .post-banner-box-4-inner img { border-radius: 10px; } .single-dispatch .post-banner-box-4-inner { justify-content:center; } p.dispatch-roll-quote { color: var(--sectColor); font-size: 1.1rem; line-height: 1.2; text-wrap: balance; } body:not(.single-portfolio-item) .post-title-headline body:not(.single-our-people) .post-title-team-title, body:not(.single-our-people) h3.team_member_title, body:not(.single-community-champion) .post-title-community-champion-positions { display:none; } .titleBarPost { } body:is(.single-our-people, .single-community-champion, .single-dispatch) .titleBarPost img, body:is(.single-our-people, .single-community-champion, .single-dispatch) .post-navigation-image { border-radius: 100%; border: 10px solid var(--sectColor); aspect-ratio: 1; box-shadow: 0px 0px 4px 3px #0000003d; } body.single-research-report .titleBarPost img { object-fit: contain!important; margin:auto; margin-left: auto; margin-right: auto; border: 10px solid var(--sectColor); border-radius: 10px !important; box-shadow: 0px 0px 4px 3px #0000003d; width: fit-content; height: fit-content; max-height: 100%; } body:is(.single-our-people, .single-community-champion, .single-dispatch) .titleBarPost img { max-width: 35rem; } body.single-our-people .titleBarPost figure { max-width: 22rem; } p.dispatches_featured_quote_quote { line-height: 1.2; font-style: italic; font-weight: 300; font-size: 1.5rem; text-wrap: pretty; } body:not(.single-research-report) .report_subtitle, body:not(.single-research-report) .report_tagline { display:none; } /* ------------- Staff/Trustees ---------------- */ .burke-staff-box { text-align:center; } .burke-staff-box p { font-weight:900; margin-top:0; } /* Image Hover Code */ @charset "UTF-8"; /*! * ImageHover.css - http://www.imagehover.io * Version 1.0 * Author: Ciarán Walsh * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php */ .team-member-photo-hover, .team-member-photo-hover a { min-width: 100%; } .imghvr-zoom-out { position:relative; display:inline-block; margin:0; min-width: 100%; max-width:100%; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; transform:translateZ(0)} .imghvr-zoom-out img { vertical-align:top; width:100%; max-width:300px; border-radius: 100%; border: 10px solid var(--sectColor); } .imghvr-zoom-out figcaption { position:absolute; top:0; bottom:0; left:0; right:0; } .imghvr-zoom-out *, .imghvr-zoom-out:after, .imghvr-zoom-out :after, .imghvr-zoom-out:before, .imghvr-zoom-out :before { box-sizing:border-box; transition:all .35s ease; } [class*=" imghvr-zoom-out"] figcaption, [class^=imghvr-zoom-out] figcaption { transform:scale(.5); transform-origin:50% 50%; opacity:0; } [class*=" imghvr-zoom-out"].hover figcaption, [class*=" imghvr-zoom-out"]:hover figcaption, [class^=imghvr-zoom-out].hover figcaption, [class^=imghvr-zoom-out]:hover figcaption { transform:scale(1); opacity:1; transition-delay:.35s; } .imghvr-zoom-out:hover>img { transform:scale(.5); opacity:0; } .imghvr-zoom-out:hover img { border-color: var(--c-coral); } .burke-staff-box h3 a, .burke-staff-box h3 a:hover { transition: all var(--transition-type) var(--transition-time); } #ourPeoplePanelStaff ul li.wp-block-post:last-child { grid-column: 2; } body.single-our-people .display-terms-container { display: none; } .post-type-archive-our-people .columns-3 { display:flex; flex-wrap: wrap; justify-content: center; gap: 2rem; row-gap: 4rem; } @media (min-width: 782px) { .post-type-archive-our-people .columns-3 > li { width: calc(33.333% - 2rem); } } /* -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* --------------------- Animations --------------------- */ /* -------------------------------------------------------- */ /* -------------------------------------------------------- */ /* Home Page - Intro Fade Ins - NEED TO TRANSFER TO TEMPLATE */ /*.animation-ready #homeIntroContainer, .animation-ready #homeGalleryContainer { animation: animate2FadeInUp linear forwards; animation-duration: 2s; } @keyframes animate2FadeInUp { 0% { opacity: 0; transform: translateY(20vh) } 100% { opacity: 1; transform: translateY(0) } } */ /* Home Page - Intro Gallery Horizontal Auto Scroller */ .homeGalleryInner[data-animated="true"] { } .homeGalleryInner[data-animated="true"] .homeGalleryScrollTrack { flex-wrap: nowrap; animation: animateHomeGalleryAutoScroll 60s forwards linear infinite; } @keyframes animateHomeGalleryAutoScroll { to { transform: translateX(calc(-50% - .5rem)); } } /* ------------------------ Animations General ------------------------------ */ .animation-ready [data-animation]:not(.animation-trigger-ready) { pointer-events: none; } /* Base state */ .animation-ready [data-animation] { --fadeinoffsetbase : 20vh; animation-fill-mode: forwards; animation-play-state: paused; opacity: 0; } /* Triggering rules */ .animation-ready [data-animation][data-animation-trigger="load"], .animation-ready [data-animation][data-animation-trigger="visible"].animation-trigger-ready { animation-play-state: running; } /* Animation keyframe bindings */ .animation-ready [data-animation="fadeIn"] { animation-name: animatefadeIn; } .animation-ready [data-animation="fadeInUp"] { animation-name: animatefadeInDirection; --fadeinoffsetx: 0; --fadeinoffsety: var(--fadeinoffsetbase); } .animation-ready [data-animation="fadeInDown"] { animation-name: animatefadeInDirection; --fadeinoffsetx: 0; --fadeinoffsety: calc(var(--fadeinoffsetbase) * -1); } .animation-ready [data-animation="fadeInLeft"] { animation-name: animatefadeInDirection; --fadeinoffsetx: calc(var(--fadeinoffsetbase) * -1); --fadeinoffsety: 0; } .animation-ready [data-animation="fadeInRight"] { animation-name: animatefadeInDirection; --fadeinoffsetx: var(--fadeinoffsetbase); --fadeinoffsety: 0; } /* Keyframes */ @keyframes animatefadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes animatefadeInDirection { 0% { opacity: 0; transform: translate3d(var(--fadeinoffsetx), var(--fadeinoffsety), 0); } to { opacity: 1; transform: translateZ(0); } } .animation-ready [data-animation-timing="linear"] { animation-timing-function: linear; } .animation-ready [data-animation-timing="ease"] { animation-timing-function: ease; } .animation-ready [data-animation-timing="easein"] { animation-timing-function: ease-in; } .animation-ready [data-animation-timing="easeout"] { animation-timing-function: ease-out; } .animation-ready [data-animation-timing="easeinout"] { animation-timing-function: ease-in-out; } .hide {display:none;} .top {z-index:100;} :not(.block-editor-block-list__block).toptop {z-index:1000;} .wp-block-navigation .has-child .wp-block-navigation__submenu-container { height:auto; transform: translateY(-200%); transition: none; } body.admin-bar .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container { transform: translateY(0); /*transition: none;*/ /*transition: transform var(--transition-time) var(--transition-type);*/ } body:not(.admin-bar) .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container { transform: translateY(-33px); /*transition: none;*/ /*transition: transform var(--transition-time) var(--transition-type);*/ } @media not (prefers-reduced-motion) { .wp-block-navigation .has-child .wp-block-navigation__submenu-container { transition: opacity .3s ease-in-out; } .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{ transition: opacity .3s ease-in-out; } } .hidden {display:none;} .admin-notes-container { position: fixed; z-index: 9999; bottom: 0; background-color: var(--c-verylightgrey); width: 350px; max-width: 100%; } .admin-notes-header { display: flex; justify-content: space-between; align-items: center; padding: .4rem .8rem; gap: 1rem; border-bottom: 1px solid var(--c-grey); } .admin-notes-header h3 { font-size: .8rem; margin: 0; } .admin-notes-controls { display: flex; gap: 1rem; } .admin-notes-controls span { cursor: pointer; } .admin-notes-controls i { font-size: .8rem; } .admin-notes-content { padding: .8rem; max-height: 45vh; overflow-y: auto; } .admin-notes-container.is-closed .admin-notes-content { display: none; } .admin-notes-container.is-hidden { opacity: 0; } .admin-notes-container.is-hidden:hover { opacity: .5; } .admin-notes-container.is-hidden * { pointer-events: none; } .admin-notes-container.is-hidden * span.admin-notes-visibility i { pointer-events: all; } .archive-filter-container { display: flex; align-items: center; gap: 1em; justify-content: space-between; padding-top: 4em; padding-bottom: 1em; } .archive-filter-container * { font-size: .8rem; font-family: var(--fontalbertsans); } .archive-filter-container > form > div { display: flex; flex-direction: row; align-items: center; gap: 1em; } .archive-filter-container .sort-label { font-weight: bold; color: var(--wp--preset--color--custom-navy-1); } .archive-filter-container .sort-dropdown { border: none; padding: 1em; cursor: pointer; background-color: var(--wp--preset--color--custom-verylightgrey); border-radius: 4px; } .archive-filter-container .search-container { display: flex; align-items: center; border: none; border-radius: 6px; padding: 1em; background-color: var(--wp--preset--color--custom-verylightgrey); } .archive-filter-container .search-input { border: none; outline: none; background: transparent; padding: 5px; width: 300px; } .archive-filter-container .search-icon { border:none; background: transparent; padding: 5px 10px; border-radius: 6px; cursor: pointer; } .archive-filter-container i.fas.fa-search, .archive-filter-container i.fas.fa-chevron-down { color: var(--c-grey); } /* Custom dropdown overrides existing .sort-dropdown styling */ .custom-sort-dropdown { position: relative; background-color: var(--wp--preset--color--custom-verylightgrey); border-radius: 4px; padding: 5px 10px; cursor: pointer; font-size: .8rem; } .custom-sort-dropdown * { font-weight: 600; } .dropdown-toggle { display: flex; align-items: center; gap: 0.5em; border: none; background: none; padding: 0; width: 100%; font-size: .8rem; color: inherit; cursor: pointer; } .dropdown-icon { margin-left: auto; } .dropdown-menu { position: absolute; top: calc(100% + 0.25em); left: 0; background: var(--wp--preset--color--custom-verylightgrey); border-radius: 4px; padding: 0.25em 0; z-index: 999; display: none; min-width: 100%; } .dropdown-menu.open { display: block; } .dropdown-menu li { padding: 5px 10px; cursor: pointer; display: flex; align-items: center; gap: 0.5em; } .dropdown-menu li:hover { background-color: #ddd; } body.single-community-champion .entry-content .wp-block-group { animation: scrollincc linear forwards; animation-timeline: view(); animation-range: 0% 100%; margin-top: 6rem; transform: translateY(100%); opacity: 0; } @keyframes scrollincc { 32% {opacity: 1;} 64% {opacity: 1;} 80%, 100% {opacity: .1;} 40%, 100% {transform: translateY(0);} } .nowrap { white-space: nowrap; } .flexnowrap .lb_figures { flex-wrap: nowrap; } .maxwidth-800 {max-width:800px;} .widthin100per > .wp-block-group { width: 100%!important; } /*.recent-posts-healthy-pregnancies-and-strong-beginnings > li:nth-child(2){ display:none!important; } */ .navTopImpact *, .navTopNewsletter *{ color: white!important; } .homePortfolioRoll > button { z-index:9999; } footer ul.wp-block-list li a:hover { color: var(--c-teal); } .burkeFooter .wp-block-column > ul.wp-block-list > li { font-size: 1.2rem; margin-bottom: 1.2rem; } .burkeFooter .wp-block-column > ul.wp-block-list > li > ul > li { font-size: 1rem; font-weight: 400; } /* Mobile First (default styles go above) */ /* ===================================== MEDIA QUERY BREAKPOINTS ===================================== */ /*@media (min-width: 1600px) {} @media (min-width: 1280px) {} @media (min-width: 1024px) {} @media (min-width: 768px) {} @media (min-width: 480px) {}*/ @media (max-width: calc(1199px + 2rem + 140px)) { .homePortfolioRoll li, .homePortfolioRoll ul {width: calc(100vw - 7rem - 2rem)!important;} .scrollLeft {left:-5px;} .scrollRight {right:-5px;} } @media (max-width: calc(1199px + 2rem)) { } @media (max-width: 1023px) { .homePortfolioRoll li {flex: 0 0 calc((100% / 2) - 1rem);} } @media (max-width: 781px) { .homePortfolioRoll li {flex: 0 0 calc((100% / 1) - 1rem);} } @media (max-width: 599px) { .scrollButton svg {width: 2rem!important;} .scrollLeft {left:-10px;} .scrollRight {right:-10px;} .homePortfolioRoll li, .homePortfolioRoll ul {width: calc(100vw - 5rem - 2rem)!important;} } /* @media (min-width: 782px) and (max-width: calc(1199px + 2rem)) { ul.burkeMainNavigation > li { height: 50%!important; width: 30%; } } @media (min-width: 600px) and (max-width: 781px) { ul.burkeMainNavigation > li { height: 33.33%!important; width: 48%; } ul.wp-block-navigation__container > li.wp-block-navigation-item > a { padding: .6rem .5rem; } } */ @media (max-width: calc(1199px + 2rem)) { ul.burkeMainNavigation { flex-wrap:wrap; justify-content: flex-end; } .burkeMainNavigation { /* height: 100%; */ } #navBarMain > div:first-child { gap: 0!important; } ul.burkeMainNavigation > li { height: 50%!important; width: 32%; } ul.wp-block-navigation__container > li.wp-block-navigation-item > a { padding: .6rem .4rem; } ul.wp-block-navigation-submenu { top: calc(var(--navBarFull-height) / 2)!important; } ul.menu-news-learning { top: var(--navBarFull-height)!important; } body.admin-bar ul.wp-block-navigation-submenu { top: calc((var(--navBarFull-height) / 2) + var(--wp-admin--admin-bar--height))!important; } body.admin-bar ul.menu-news-learning { top: calc(var(--navBarFull-height) + var(--wp-admin--admin-bar--height))!important; } .has-group-style-wide:not(.block-editor-block-list__block), div:not(.acf-block-preview) > blockquote.quote-box, div:not(.has-group-style-photoregular) > div > blockquote.wp-block-quote:not(.block-editor-block-list__block, .side-quote) { /* padding-left: 1rem; padding-right: 1rem; */ } .entry-content > *:not(.block-editor-block-list__block, #aboutContent, .home-row-photo), #aboutContent .panel > *:not(.block-editor-block-list__block), .display-terms-container:not(.block-editor-block-list__block){ padding-left: 1rem!important; padding-right: 1rem!important; /* Not Margin because of full width rows w/ backgrounds */ } .post-navigation-inner {padding: 1rem; flex-direction: column;} .post-navigation-image, .post-navigation-details {width : calc(100% - 1rem);} .post-navigation-content {flex-direction: column;} .post-navigation-details {padding: 0;} .post-navigation-details .wp-block-post-terms {margin-top: 1.5em;} .post-banner-box-1, .post-banner-box-2, .post-banner-box-3, .archive-filter-container, div:has(> .wp-block-return-to-archive), .portfolio-panel-head { padding-left: 1rem; padding-right: 1rem; } body.page-template-default [class*="has-group-style-photo"] > div.wp-block-group:nth-child(1):not(.block-editor-block-list__block) { margin-left: 0!important; } body.page-template-default [class*="has-group-style-photo"] > div.wp-block-group:nth-child(2):not(.block-editor-block-list__block) { margin-right: 0!important; } .home-row-photo > .wp-block-group:not(.has-background) { padding-left: 1rem!important; padding-right: 1rem!important; } } @media (min-width: 782px) and (max-width: calc(1199px + 2rem)) { } @media (min-width: 600px) and (max-width: calc(1199px + 2rem)) { ul.wp-block-navigation-submenu { align-items: center; } ul.navMenuIcons_topLevel { justify-content: center; } ul.navMenuIcons_topLevel > li { width: 100%; max-width: 19rem!important; } ul.menu-news-learning { height: calc(100vh - var(--navBarFull-height) - 2rem)!important; max-width: 100vw; overflow-y: scroll!important; overflow-x: hidden!important; flex-wrap:nowrap; flex-direction: column; } ul.menu-news-learning > li { max-width: 100%; /* width: min-content; */ min-width: 16rem; width: 100%; } ul.menu-news-learning li ul li a, ul.menu-news-learning li ul li a span.post-subtitle { font-size: .9rem!important; } ul.burkeMainNavigation > li > a { width: 100%; } } @media (min-width: 1024px) { } @media (max-width: 1023px) { blockquote.wp-block-quote:has(figure + .wp-block-group) { flex-direction: column-reverse; } blockquote.wp-block-quote:has(.wp-block-group + figure) { flex-direction: column; } /* feat quote full width */ .post-banner-box-2 { grid-column: 1 / 3; grid-row: 2; max-width: 100%!important; padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 782px) and (max-width: 1023px) { } @media (min-width: 782px) { } @media (max-width: 781px) { .customStyles_InnerWidth:not(.has-group-style-gallerylightbox) { --inner-width: 100%!important; } .customStyles_ContainerWidth { --container-width: 100%!important; } .entry-content .is-nowrap {flex-wrap: wrap;} .has-group-style-cards > div.wp-block-group { max-width: 28rem; } .home-row-photo, .program-pillar-head, .postRollDefault-content, .archive-filter-container { flex-direction: column!important; } .home-row-photo > .wp-block-group { width: 100%; } body:is(.single-our-people, .single-community-champion, .single-dispatch) .titleBarPost img { margin: auto; width: 80%; } #ourPeople .wp-block-post-template { display: flex; flex-direction: column; } .postRollDefault-image { /* aspect-ratio:1; */ min-height: inherit!important; } /* Full Width all Title Bar Items */ /* TITLE */ .post-banner-box-1 { grid-column: 1 / 3; grid-row: 1; max-width: 100%!important; padding-left: 1rem; padding-right: 1rem; padding-bottom: 6rem; } /* IMAGE */ .post-banner-box-4 { grid-column: 1 / 3; grid-row: 2; padding: 0; } /* QUOTE */ .post-banner-box-2 { grid-column: 1 / 3; grid-row: 3; } /* SPACER */ .post-banner-box-3 { /*display: none;*/ } body:is(.single-our-people, .single-community-champion, .single-dispatch) .post-banner-box-3 { grid-column: 1 / 3; grid-row: 4; } body:is(.single-research-report) .titleBarPost figure { margin-top: -4rem; } body:not(.single-our-people, .single-community-champion, .single-dispatch) .post-banner-box-4 img { border-radius: 0; } .post-banner-box-4-inner figure { position: relative; } .titleBarPost img { margin-top:-4rem; } body:is(.single-our-people, .single-community-champion, .single-dispatch) .titleBarPost figure { aspect-ratio: unset; margin-top: -4rem; } body:is(.single-our-people, .single-community-champion, .single-dispatch) .post-navigation-image { max-width: 10rem; max-height: 10rem; } .home-stat-row > div.stat-cards-container { flex-wrap:wrap; height: 100%; } .home-stat-row > div.stat-cards-container > div { width: 100%!important; height: 31rem!important; } div.stat-cards-container > div > div:not(.block-editor-block-list__block) { /* height: 100%; */ } [class*="has-group-style-photo"] { flex-wrap:wrap; } .has-group-style-photosmall > div.wp-block-group, .has-group-style-photolarge > div.wp-block-group, .has-group-style-photoregular > div.wp-block-group { width: 100%; } .has-group-style-photosmall > figure , .has-group-style-photolarge > figure , .has-group-style-photoregular > figure { width: 100%; position: relative!important; margin: 0!important; padding: 0!important; transform: none!important; padding: 1rem!important; } .has-group-style-photosmall > figure img, .has-group-style-photolarge > figure img, .has-group-style-photoregular > figure img { position: relative!important; } :not(.njstatscontainer) > .has-group-style-cards > div.wp-block-group:not(.block-editor-block-list__block):hover { transform:scale(1.08); } #portfolioMenu, #aboutMenu, #ourPeopleMenu { flex-wrap:wrap; gap:0; } #portfolioMenu > p, #aboutMenu > p, #ourPeopleMenu > p { width: 100%; /*margin-top:-.2rem;*/ padding-top:.2rem; padding-bottom:.2rem; border-radius:0 0 var(--br2) var(--br2)!important; } #portfolioMenu > p[data-state='on'], #aboutMenu > p[data-state='on'], #ourPeopleMenu > p[data-state='on']{ box-shadow: 0 0 4px 0px #0000008f; z-index: 20; border-radius:0 0 var(--br2) var(--br2)!important; } #aboutMenu > p[data-state='on'], #ourPeopleMenu > p[data-state='on']{ background-color: var(--sectColor); } footer > * > * {padding: 1rem;} } @media (min-width: 600px) and (max-width: 781px) { .burkeMainNavigation > li > a { } } @media (min-width: 600px) { } @media (max-width: 599px) { html, body, select, input, option { font-size: 18px; } .post-navigation-image { min-height: 8rem; max-height: 8rem; border-width: 4px; } .archive-filter-container > form > div { flex-direction: column; } .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg { width: 2rem; height: 2rem; } nav.is-responsive.wp-block-navigation .has-child .wp-block-navigation__submenu-container { transform: translate(200%); transition: transform var(--transition-time) var(--transition-type); } nav.is-responsive.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container { transform: translate(0); transition: transform var(--transition-time) var(--transition-type); } .taxonomy-category a, span.taxonomy-category, span[class*="taxonomy-"], .taxonomy-program-pillar a { white-space: normal; } .wp-block-site-logo { padding: .5rem; max-width: 8rem; } .burkeMainNavigation { align-items: flex-start!important; } .navTopButtons { display:flex!important; flex-direction: row!important; flex-wrap:nowrap; position:absolute; top:100%; right: 0; padding-left: 100%; } #navBarMain > .wp-block-group > :nth-child(2){ margin-left: auto; } .burke_navigationPrimary .wp-block-navigation__responsive-container.has-modal-open.is-menu-open { } ul.burkeMainNavigation, ul.burkeMainNavigation > li { width: 60vw!important; align-items: flex-start!important; } ul.burkeMainNavigation > li > a { font-size: 1.2rem; text-transform: none; letter-spacing: 0; font-weight: 800!important; width: 100%; padding: 1.2rem 1rem!important; /* color: var(--c-navy)!important; */ border-radius: 10px!important; } ul.burkeMainNavigation > li > a:hover { background-color: var(--c-navy); color: white!important; } ul.menu-news-learning { } ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu { /* top:2rem!important; */ left: calc(15vw)!important; position:fixed!important; display:flex!important; flex-direction:column!important; flex-wrap: nowrap; background-color: var(--c-white)!important; overflow-y: scroll!important; box-shadow: -2px 0px 10px -8px; padding-left: 1rem!important; padding-right: 1rem!important; } #navBarMain ul.wp-block-navigation-submenu { width: 85vw; max-height: calc(100vh - var(--navBarFull-height) - 1rem); /* max-height: 100vh; */ /* overflow-y: scroll!important; */ /* flex: 0 0 calc((100% / 3) - 1rem); /* Show 3 items at a time */ /* scroll-snap-align: start; */ } ul.recent-posts { flex-wrap:nowrap; } ul.burkeMainNavigation ul { overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; overflow: hidden!important; } ul.burkeMainNavigation ul li { } ul.burkeMainNavigation ul li ul { padding-bottom:2rem; } ul.burkeMainNavigation ul li ul li a, ul.recent-posts .post-subtitle { font-size: .9rem!important; } ul.burkeMainNavigation time { font-size: .8rem!important; } ul.burkeMainNavigation time span.date-month { font-size: .775rem; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container { background-color: white!important; height: max-content; display:flex!important; justify-content: flex-start } ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu > * { width: 100%; } .navTopImpact > a, .navTopNewsletter > a { color: white!important; } .navMenuAboutIcons li a { font-size: 1.2rem!important; } .navMenuAboutIcons li a, .navMenuAboutIcons li a:hover { border-radius: 10px!important; } ul.navTopPortfolio li a span.wp-block-navigation-item__label { padding-right: 1em; } ul.menu-news-learning > li > a { padding: .1rem .5rem!important; } #homeIntroContainer h1 { font-size: calc(100vw / 12); margin-bottom: 1rem!important; } #homeIntroContainer h1.h1special { font-size: calc(100vw / 6.2); } .burkeFooter .wp-block-button { width: 100%; } .lb_figures { gap:.75rem; } .has-gap-30 {--iw_gap: .25rem;} .has-gap-40 {--iw_gap: 1rem;} .has-gap-50 {--iw_gap: 3rem;} .has-gap-60 {--iw_gap: 4rem;} .has-gap-70 {--iw_gap: 8rem;} [class*="has-gap"] .lb_figures { gap: var(--iw_gap); } } @media(max-width: 449px) { :root { --wp--preset--font-size--large: 1.2rem; --wp--preset--font-size--x-large: 1.6rem; --wp--preset--font-size--2-x-large: 1.8rem; --wp--preset--font-size--3-x-large: 2.4rem; } h4 {font-size: 1.2rem;} h3 {font-size: 1.6rem;} h2 {font-size: 1.8rem;} h1 {font-size: 2.4rem;} }