.elementor-84 .elementor-element.elementor-element-119f233{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-119f233:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-119f233 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-idfpaper );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-84 .elementor-element.elementor-element-eb1ec5c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-84 .elementor-element.elementor-element-eb1ec5c .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:12px;font-weight:500;}.elementor-84 .elementor-element.elementor-element-eb1ec5c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-idfinkmuted );fill:var( --e-global-color-idfinkmuted );}.elementor-84 .elementor-element.elementor-element-eb1ec5c .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-84 .elementor-element.elementor-element-eb1ec5c .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-84 .elementor-element.elementor-element-eb1ec5c .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-84 .elementor-element.elementor-element-eb1ec5c .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-84 .elementor-element.elementor-element-eb1ec5c .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-84 .elementor-element.elementor-element-eb1ec5c .e--pointer-underline .elementor-item:after,
.elementor-84 .elementor-element.elementor-element-eb1ec5c .e--pointer-overline .elementor-item:before,
.elementor-84 .elementor-element.elementor-element-eb1ec5c .e--pointer-double-line .elementor-item:before,
.elementor-84 .elementor-element.elementor-element-eb1ec5c .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-84 .elementor-element.elementor-element-b2e305e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-idfrule );--border-color:var( --e-global-color-idfrule );--z-index:9999;}.elementor-84 .elementor-element.elementor-element-b2e305e:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-b2e305e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-idfsurface );}.elementor-84 .elementor-element.elementor-element-9a92d08{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-84 .elementor-element.elementor-element-7c659b8 img{width:220px;}.elementor-84 .elementor-element.elementor-element-508ea7c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-84 .elementor-element.elementor-element-f093fa2 .elementor-icon-wrapper{text-align:center;}.elementor-84 .elementor-element.elementor-element-f093fa2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-84 .elementor-element.elementor-element-f093fa2.elementor-view-framed .elementor-icon, .elementor-84 .elementor-element.elementor-element-f093fa2.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-84 .elementor-element.elementor-element-f093fa2.elementor-view-framed .elementor-icon, .elementor-84 .elementor-element.elementor-element-f093fa2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-84 .elementor-element.elementor-element-39779d3 .elementor-menu-toggle{margin:0 auto;}.elementor-84 .elementor-element.elementor-element-39779d3 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;}.elementor-84 .elementor-element.elementor-element-39779d3 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-idfinksoft );fill:var( --e-global-color-idfinksoft );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-84 .elementor-element.elementor-element-133eb99 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:13px;font-weight:500;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-84 .elementor-element.elementor-element-133eb99 .elementor-button:hover, .elementor-84 .elementor-element.elementor-element-133eb99 .elementor-button:focus{background-color:var( --e-global-color-idfgolddeep );color:var( --e-global-color-secondary );}.elementor-84 .elementor-element.elementor-element-133eb99 .elementor-button:hover svg, .elementor-84 .elementor-element.elementor-element-133eb99 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-84 .elementor-element.elementor-element-be3432a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-84 .elementor-element.elementor-element-f093fa2{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-84 .elementor-element.elementor-element-f093fa2 .elementor-icon{font-size:35px;}.elementor-84 .elementor-element.elementor-element-f093fa2 .elementor-icon svg{height:35px;}}@media(max-width:767px){.elementor-84 .elementor-element.elementor-element-119f233{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-84 .elementor-element.elementor-element-eb1ec5c .elementor-nav-menu .elementor-item{font-size:10px;}.elementor-84 .elementor-element.elementor-element-eb1ec5c .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;}.elementor-84 .elementor-element.elementor-element-eb1ec5c{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-84 .elementor-element.elementor-element-eb1ec5c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-84 .elementor-element.elementor-element-9a92d08{--width:75%;}.elementor-84 .elementor-element.elementor-element-7c659b8 img{width:200px;}.elementor-84 .elementor-element.elementor-element-508ea7c{--width:25%;}}@media(min-width:768px){.elementor-84 .elementor-element.elementor-element-9a92d08{--width:33.3333%;}.elementor-84 .elementor-element.elementor-element-508ea7c{--width:66.6666%;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-96e6496 *//**
* IDF Breadcrumb Styling — matches the project mockup
* ──────────────────────────────────────────────────────────────────────
* Styles Elementor Pro's Breadcrumbs widget (fed by Yoast SEO) to match
* the breadcrumb shown in the project page mockup:
* - Inter 12px, mixed case (NO uppercase transform)
* - Letter-spacing 0.04em
* - Ink-muted gray for inactive crumbs
* - Ink-black for the current page
* - Existing forward-slash separators kept, faded to 50% opacity
* - Gold-deep on hover (no underline)
*
* Yoast HTML structure expected:
*
*
* Paste into Elementor → Site Settings → Custom CSS.
*
* Author: Bonaventure Web Design
* For: International Dominican Foundation
*/
/* ════════════════════════════════════════════════════════════════════
ELEMENTOR PRO BREADCRUMB WIDGET — IDF STYLING
════════════════════════════════════════════════════════════════════ */
.elementor-widget-breadcrumbs {
font-family: var(--idf-sans, 'Inter'), -apple-system, BlinkMacSystemFont, sans-serif;
}
/* Reset the wrapper Yoast outputs and apply the mockup typography. */
.elementor-widget-breadcrumbs #breadcrumbs,
.elementor-widget-breadcrumbs p#breadcrumbs {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.04em;
text-transform: none; /* ← mixed case, matches mockup */
line-height: 1.6;
color: var(--idf-ink-muted, #8A8A8A);
}
/* Container band — apply this class to the SECTION wrapping the
breadcrumb widget in Elementor. */
.idf-breadcrumb-band {
background: var(--idf-paper, #FAF8F4);
border-bottom: 1px solid var(--idf-rule, #E5E0D5);
padding: 14px 0;
}
/* Inactive (linked) crumbs — ink-muted gray, gold-deep on hover.
Mockup has no hover underline, so we don't add one. */
.elementor-widget-breadcrumbs a,
.elementor-widget-breadcrumbs #breadcrumbs a {
color: var(--idf-ink-muted, #8A8A8A);
text-decoration: none;
transition: color 0.2s ease;
}
.elementor-widget-breadcrumbs a:hover,
.elementor-widget-breadcrumbs #breadcrumbs a:hover {
color: var(--idf-brand-gold-deep, #9E7515);
}
/* Active / current crumb — ink-black, no link styling. */
.elementor-widget-breadcrumbs .breadcrumb_last,
.elementor-widget-breadcrumbs .last,
.elementor-widget-breadcrumbs span[aria-current="page"] {
color: var(--idf-ink, #1A1A1A);
font-weight: 400;
}
/* ─── Mobile adjustments ─────────────────────────────────────────── */
@media (max-width: 600px) {
.elementor-widget-breadcrumbs #breadcrumbs,
.elementor-widget-breadcrumbs p#breadcrumbs {
font-size: 11px;
}
}
/* ─── Optional: dark-background overlay variant ──────────────────── */
.idf-on-dark .elementor-widget-breadcrumbs #breadcrumbs,
.idf-on-dark .elementor-widget-breadcrumbs p#breadcrumbs {
color: rgba(255, 255, 255, 0.6);
}
.idf-on-dark .elementor-widget-breadcrumbs a {
color: rgba(255, 255, 255, 0.7);
}
.idf-on-dark .elementor-widget-breadcrumbs a:hover {
color: var(--idf-brand-gold, #C9941F);
}
.idf-on-dark .elementor-widget-breadcrumbs .breadcrumb_last,
.idf-on-dark .elementor-widget-breadcrumbs .last,
.idf-on-dark .elementor-widget-breadcrumbs span[aria-current="page"] {
color: #FFFFFF;
}/* End custom CSS */