/** prmary default settings **/

:root{
    --nav-height:105px;
}

body{margin:0; padding:0; min-height:100vh; display:flex; flex-direction:column; font-family:'Outfit', sans-serif; font-size:clamp(1.125rem, 1.0815rem + 0.2174cqi, 1.25rem);}
main{flex-grow:1; margin-top:var(--nav-height); overflow:hidden;}

a{color:#0000ff; transition:all .15s ease-in-out;}
a:hover{color:#ff0000;}



h1{font-size:clamp(1.7565rem, 1.324rem + 2.1626cqi, 3rem);}
h2{font-size:clamp(1.6068rem, 1.2898rem + 1.585cqi, 2.5182rem);}
h3{font-size:clamp(1.4698rem, 1.2458rem + 1.1198cqi, 2.1137rem);}
h4{font-size:clamp(1.3445rem, 1.195rem + 0.7473cqi, 1.7742rem);}
h5{font-size:clamp(1.2299rem, 1.1396rem + 0.451cqi, 1.4892rem);}

/** bootstrap extensions **/
.cursor-pointer{cursor:pointer;}
.page-anchor{position:absolute; top:calc(var(--nav-height) * -1);}
.default-transition{transition:all .15s ease-in-out!important;}
.text-justify{hyphenate-limit-chars:7; hyphens:auto; text-align:justify; text-wrap:pretty;}
.btn-darken-hover{position:relative; z-index:0;}
.btn-darken-hover::after{content:""; position:absolute; inset:0; background:#000; opacity:0; border-radius:inherit; z-index:-1; transition:opacity .15s;}
.btn-darken-hover:hover::after{opacity:.15;}
.btn-darken-hover:active::after{opacity:.2;}

.fs-sm{font-size:clamp(1.0291rem, 1.0221rem + 0.035cqi, 1.0492rem); line-height:1.2;}
.fs-alt-1{font-size:clamp(2.5rem, 1.625rem + 4.5vw, 5rem); line-height:1.2;}
.fs-alt-2{font-size:clamp(2.25rem, 1.575rem + 3.9vw, 4.5rem); line-height:1.2;}
.fs-alt-3{font-size:clamp(2rem, 1.525rem + 3.3vw, 4rem); line-height:1.2;}
.fs-alt-4{font-size:clamp(1.75rem, 1.475rem + 2.7vw, 3.5rem); line-height:1.2;}
.fs-alt-5{font-size:clamp(1.5rem, 1.425rem + 2.1vw, 3rem); line-height:1.2;}
.fs-alt-6{font-size:clamp(1.25rem, 1.375rem + 1.5vw, 2.5rem); line-height:1.2;}
.fs-alt-7{font-size:clamp(1.125rem, 1.325rem + 0.9vw, 2rem); line-height:1.2;}
.fs-alt-8{font-size:clamp(1rem, 1.275rem + 0.3vw, 1.5rem); line-height:1.2;}

.fw-900{font-weight:900;}
.fw-800{font-weight:800;}
.fw-700{font-weight:700;}
.fw-600{font-weight:600;}
.fw-500{font-weight:500;}
.fw-400{font-weight:400;}
.fw-300{font-weight:300;}
.fw-200{font-weight:200;}
.fw-100{font-weight:100;}

.a-0{--alpha:0;}
.a-10{--alpha:0.1;}
.a-20{--alpha:0.2;}
.a-30{--alpha:0.3;}
.a-40{--alpha:0.4;}
.a-50{--alpha:0.5;}
.a-60{--alpha:0.6;}
.a-70{--alpha:0.7;}
.a-80{--alpha:0.8;}
.a-90{--alpha:0.9;}
.a-100{--alpha:1;}

.masonry{column-count:1;}
@media(min-width:576px){
    .masonry{column-count:2;}
}
@media(min-width:992px){
    .masonry{column-count:3;}
}
.masonry > *{break-inside:avoid; margin-bottom:1.5rem;}

.hunt-border-radius{border-bottom-left-radius:4vmin; border-top-right-radius:4vmin;}
.hunt-border-radius-small{border-bottom-left-radius:2vmin; border-top-right-radius:2vmin;}

.hunt-border-radius-reverse{border-top-left-radius:4vmin; border-bottom-right-radius:4vmin;}
.hunt-border-radius-small-reverse{border-top-left-radius:2vmin; border-top-right-radius:0px!important; border-bottom-right-radius:2vmin; border-bottom-left-radius:0px!important;}

.hunt-border-radius-top{border-top-left-radius:4vmin; border-top-right-radius:4vmin;}
.hunt-border-radius-small-top{border-top-left-radius:2vmin; border-top-right-radius:2vmin;}

.hunt-border-radius-top-right{border-top-right-radius:4vmin;}
.hunt-border-radius-small-top-right{border-top-right-radius:2vmin;}

.hunt-border-radius-top-left{border-top-left-radius:4vmin;}
.hunt-border-radius-small-top-left{border-top-left-radius:2vmin;}

.hunt-border-radius-bottom{border-bottom-left-radius:4vmin; border-bottom-right-radius:4vmin;}
.hunt-border-radius-small-bottom{border-bottom-left-radius:2vmin; border-bottom-right-radius:2vmin;}

.hunt-border-radius-bottom-right{border-bottom-right-radius:4vmin;}
.hunt-border-radius-small-bottom-right{border-bottom-right-radius:2vmin;}

.hunt-border-radius-bottom-left{border-bottom-left-radius:4vmin;}
.hunt-border-radius-small-bottom-left{border-bottom-left-radius:2vmin;}



/** element settings **/
.logo{width:400px!important;}
.offcanvas-logo{width:300px!important;}

.dropdown-toggle::after{font-family:"Font Awesome 7 Pro"; content:"\f078"; border:0px; vertical-align:0.05em; margin-left:0.4em; transition:all .15s ease-in-out!important;}
.dropdown-toggle.show::after{font-family:"Font Awesome 7 Pro"; content:"\f078"; transform:rotate(-180deg);}

.offcanvas .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat!important; filter:none; opacity:.8; font-size:1.3rem;}
.btn-close-white{color:#ffffff!important;}
.text-bg-dark{color:#FFFFFF!important; background-color:#003871!important;}


.navbar-nav{font-family:"museo-sans", sans-serif!important; font-weight:700!important;}
.navbar-nav .dropdown-menu{box-shadow: var(--bs-box-shadow) !important;}
.navbar-nav .dropdown-menu .text-nav{transition:all .15s ease-in-out; color:#003871;}
.navbar-nav .dropdown-menu li{transition:all .15s ease-in-out;}
.navbar-nav .dropdown-menu li:hover{background:#C4E7FF;}
.navbar-nav .dropdown-menu li:hover .text-nav{background:#C4E7FF;}

header .navbar .navbar-nav .dropdown-menu{border-radius:0px; border:0px;}
header .navbar .navbar-nav .dropdown-menu li a{transition:all .15s ease-in-out!important; color:#003871!important; font-size:1.3rem;}
header .navbar .navbar-nav .dropdown-menu li:hover a{color:#ffffff!important; background:#003871!important;}

.breadcrumbs a{transition:all .15s ease-in-out;}
.breadcrumbs a:hover{color:#003871!important;}

nav .pagination .page-item:not(.active) span{border-color:#ddd; color:#ddd;}
nav .pagination .page-item:not(.active) span:hover{border-color:#ddd; color:#ddd; background:#fff;}
nav .pagination .page-link{color:#003871;}
nav .pagination .active > .page-link{color:#ffffff; border-color:#003871!important; background:#003871!important;}

.form-control,.form-select,.btn{border-radius:0;}
.form-control:focus,.form-select:focus{box-shadow:none; border-color:#86b7fe;}
.btn:focus,.btn:focus-visible{box-shadow:none;}

.blue-overlay-container:after{z-index:1; content:""; position:absolute; top:0px; bottom:0px; right:0px; left:0px; background:#003871; opacity:.75;}

/** carousels **/
#primaryCarousel .carousel-caption{position:relative; padding-top:14rem; padding-bottom:10rem;right:unset; left:unset;}
#primaryCarousel .carousel-item:before{content:""; position:absolute; top:0; bottom:0; right:42%; width:100%; background:#003871; opacity:.75; transform:skew(18deg); transform-origin:bottom; mix-blend-mode:multiply;}
#primaryCarousel .carousel-item:after{z-index:-1; content:""; position:absolute; top:0; bottom:0; right:calc(42% + 58px); width:100%; background:#070353; opacity:.5; transform:skew(18deg); transform-origin:bottom;}
#primaryCarousel .carousel-item .object-background{position:absolute; z-index:-2; object-fit:cover; object-position:top; width:100%; height:100%;}

#subpageCarousel .carousel-caption{position:relative; padding-top:7rem; padding-bottom:5rem;right:unset; left:unset;}
#subpageCarousel .carousel-item:before{content:""; position:absolute; top:0; bottom:0; right:42%; width:100%; background:#003871; opacity:.75; transform:skew(18deg); transform-origin:bottom; mix-blend-mode:multiply;}
#subpageCarousel .carousel-item:after{z-index:-1; content:""; position:absolute; top:0; bottom:0; right:calc(42% + 58px); width:100%; background:#070353; opacity:.5; transform:skew(18deg); transform-origin:bottom;}
#subpageCarousel .carousel-item .object-background{position:absolute; z-index:-2; object-fit:cover; object-position:top; width:100%; height:100%;}


/** homepage investment-platform **/
.investment-platform{aspect-ratio:1/1;}
.investment-platform .big-image{width:75%; right:0px; top:0px; aspect-ratio:1/1; object-fit:cover; z-index:0; border-bottom:8px solid #16B8B2; border-left:8px solid #16B8B2;}
.investment-platform .small-image{width:55%; left:0px; bottom:0px; aspect-ratio:1/1; object-fit:cover; z-index:1; border-top:8px solid #C4E7FF; border-right:8px solid #C4E7FF;}

.investment-platform-blue-red{aspect-ratio:1/1;}
.investment-platform-blue-red .big-image{width:75%; right:0px; top:0px; aspect-ratio:1/1; object-fit:cover; z-index:0; border-bottom:8px solid #AA0000; border-left:8px solid #AA0000;}
.investment-platform-blue-red .small-image{width:55%; left:0px; bottom:0px; aspect-ratio:1/1; object-fit:cover; z-index:1; border-top:8px solid #003871; border-right:8px solid #003871;}

.investment-platform-red-yellow{aspect-ratio:1/1;}
.investment-platform-red-yellow .big-image{width:75%; right:0px; top:0px; aspect-ratio:1/1; object-fit:cover; z-index:0; border-bottom:8px solid #dfa63d; border-left:8px solid #dfa63d;}
.investment-platform-red-yellow .small-image{width:55%; left:0px; bottom:0px; aspect-ratio:1/1; object-fit:cover; z-index:1; border-top:8px solid #AA0000; border-right:8px solid #AA0000;}

.investment-platform-blue-light-blue{aspect-ratio:1/1;}
.investment-platform-blue-light-blue .big-image{width:75%; right:0px; top:0px; aspect-ratio:1/1; object-fit:cover; z-index:0; border-bottom:8px solid #003871; border-left:8px solid #003871;}
.investment-platform-blue-light-blue .small-image{width:55%; left:0px; bottom:0px; aspect-ratio:1/1; object-fit:cover; z-index:1; border-top:8px solid #C4E7FF; border-right:8px solid #C4E7FF;}

.investment-platform-blue-yellow{aspect-ratio:1/1;}
.investment-platform-blue-yellow .big-image{width:75%; right:0px; top:0px; aspect-ratio:1/1; object-fit:cover; z-index:0; border-bottom:8px solid #dfa63d; border-left:8px solid #dfa63d;}
.investment-platform-blue-yellow .small-image{width:55%; left:0px; bottom:0px; aspect-ratio:1/1; object-fit:cover; z-index:1; border-top:8px solid #003871; border-right:8px solid #003871;}

/** newsletter-container **/
.newsletter-container form .form-instructions{display:none;}
.newsletter-container form .form-label{display:none;}

/** social-icons **/

.social-icon i{font-size:3rem;}
.social-icon:hover i{opacity:.85!important;}
.social-fb i{color:#3b5998;}
.social-x i{color:#000;}

/** footer author **/
.footer-author{background:#0C0C0C;}
.footer-author .credit{padding:10px 0; color:#FFF; font-size:.8em; margin:0; text-align:right; margin-right:25px;}
.footer-author .credit img{width:180px; filter:grayscale(1); transition:.15s ease-in-out;}
.footer-author .credit img:hover, .footer-author .credit img:active{filter:grayscale(0);}

@media(max-width:576px){

}

@media(min-width:576px){
	
}

@media(max-width:768px){

}

@media(max-width:992px){
    :root{
        --nav-height:69px;
    }
    .logo{width:300px!important;}
    .mobile-menu-expand{position:absolute; top:5px; height:40px; border-left:1px solid rgba(255, 255, 255, .2); transition:background .15s ease-in-out; cursor:pointer;}
    .mobile-menu-expand:hover, .mobile-menu-expand:active{background:rgba(255, 255, 255, .2);}
    header .navbar .navbar-nav{padding-top:15px; padding-bottom:15px; border-top:1px solid rgba(255, 255, 255, .2); border-bottom:1px solid rgba(255, 255, 255, .2);}
    header .navbar .navbar-nav .nav-link{padding-top:1rem; padding-bottom:1rem;}
    header .navbar .navbar-nav > li > .mobile-menu-expand{right:0px; width:40px;}
    header .navbar .navbar-nav > li > .dropdown-toggle::after{position:absolute; right:8px; top:7px;}
    header .navbar .navbar-nav > li > ul > li > .mobile-menu-expand{right:0px; width:50px;}
    header .navbar .navbar-nav > li > ul > li > .dropdown-toggle::after{position:absolute; right:10px; top:20px; width:20px; height:17px;}
    header .navbar .navbar-nav .dropdown-toggle:hover::after{color:#ffffff!important;}
    header .navbar .navbar-nav .dropdown-menu{margin-top:10px; margin-bottom:15px;}
    header .dropdown-menu > li a{padding-top:1rem; padding-bottom:1rem; background:#ffffff; color:#003871;}
    header .navbar .navbar-nav .nav-link{color:#ffffff; font-weight:400!important; font-size:24px!important;}
    header .navbar .navbar-nav .nav-link:hover, .nav-link:active, .nav-link:focus{color:#ffffff;}
    header .navbar .navbar-nav .nav-item{text-align:center;}
    header .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#aa0000;}
    header .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23003871' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    header .navbar-toggler{font-size:1.8rem;}
    header .nav-link.text-sec.fw-bold{font-weight:500!important;}
}

@media(min-width:992px){

    header .navbar .navbar-nav .nav-item > .nav-link{padding-top:2.35rem; padding-bottom:2.35rem; color:#003871;}
    header .navbar .navbar-nav .nav-item:hover > .nav-link{color:#ffffff; background:#003871;}
    header .navbar .navbar-nav .nav-item > .nav-link.active{position:relative; color:#aa0000!important;}
    header .navbar .navbar-nav .nav-item > .nav-link.active::before{content:''; position:absolute; width:100%; height:5px; background:#aa0000; left:0px; top:65%; transition:all 0s ease-in-out;}
    header .navbar .navbar-nav .nav-item:hover > .nav-link.active{color:#ffffff!important;}
    header .navbar .navbar-nav .nav-item:hover > .nav-link.active::before{background:#003871;}
}

@media(max-width:1090px){
    header .navbar .navbar-nav .nav-link{font-size:15px;}
}

@media(min-width:1200px){
	
}

@media(max-width:1400px){
    #primaryCarousel .carousel-caption h1{font-size:43px; font-weight:600; line-height:61px;}
    #primaryCarousel .carousel-caption h3{font-size:15.8px; font-weight:600; line-height:31.2px; letter-spacing:0.03em;}
    #subpageCarousel .carousel-caption h1{font-size:43px; font-weight:600; line-height:61px;}
    #subpageCarousel .carousel-caption h3{font-size:15.8px; font-weight:600; line-height:31.2px; letter-spacing:0.03em;}
}

@media(max-width:1200px){
    #primaryCarousel .carousel-caption h1{font-size:35px; font-weight:600; line-height:61px;}
    #primaryCarousel .carousel-caption h3{font-size:15.8px; font-weight:600; line-height:31.2px; letter-spacing:0.03em;}
    #subpageCarousel .carousel-caption h1{font-size:35px; font-weight:600; line-height:61px;}
    #subpageCarousel .carousel-caption h3{font-size:15.8px; font-weight:600; line-height:31.2px; letter-spacing:0.03em;}
}

@media(max-width:992px){
    #primaryCarousel .carousel-caption{position:relative; padding-top:7rem; padding-bottom:4rem;right:unset; left:unset;}
    #primaryCarousel .carousel-caption h1{font-size:30px; font-weight:600; line-height:40px;}
    #primaryCarousel .carousel-caption h3{font-size:20.8px; font-weight:600; line-height:18.2px; letter-spacing:0.03em;}
    #primaryCarousel .carousel-item:before{content:""; position:absolute; top:0px; bottom:0px; right:0; width:100%; background:#003871; opacity:.75; mix-blend-mode:multiply; transform:none;}
    #primaryCarousel .carousel-item:after{display:none;}

    #subpageCarousel .carousel-caption{position:relative; padding-top:7rem; padding-bottom:4rem;right:unset; left:unset;}
    #subpageCarousel .carousel-caption h1{font-size:30px; font-weight:600; line-height:40px;}
    #subpageCarousel .carousel-caption h3{font-size:20.8px; font-weight:600; line-height:18.2px; letter-spacing:0.03em;}
    #subpageCarousel .carousel-item:before{content:""; position:absolute; top:0px; bottom:0px; right:0; width:100%; background:#003871; opacity:.75; mix-blend-mode:multiply; transform:none;}
    #subpageCarousel .carousel-item:after{display:none;}
}



.text-bottom-wrap{display:flow-root;}
.bottom-float-spacer{float:right;height:calc(100% - 460px);width:1px;}
.image-bottom-float{float:right; clear:right; shape-outside:url('/family-foundation/uploads/gayle-woody-2021.png'); shape-margin:15px; margin-top:15px;}
@media(max-width:768px){
    .image-bottom-float{display:none;}
}


.infographic{container-type:inline-size; position:relative; width:100%; margin:0 auto; margin-bottom:7cqw;}
.infographic-svg{display:block; width:100%; height:auto;}
.labels{position:absolute; left:0; top:100%; width:100%;}
.stat{position:absolute; top:0; transform:translateX(-50%); text-align:center; white-space:nowrap;}
.stat-label{font:bold 2.1cqw/1.1 'Outfit', sans-serif; color:#003871;}
.stat-num{font:bold 3.4cqw/1.1 'Outfit', sans-serif; color:#aa0000; outline:none; cursor:text; border-radius:4px; padding:0 .1em;}


.circle-info{container-type:inline-size; position:relative; width:100%; max-width:930px; margin:0 auto; aspect-ratio:930/828;}
.circle-info .circ{position:absolute; box-sizing:border-box; aspect-ratio:1; border-radius:50%; overflow:hidden; background-size:cover; background-position:center; background-repeat:no-repeat; border:1.6cqw solid #00457e;}
.circle-info .c-big{left:0%; top:0%; width:72.13%; border-color:#296FE3;}
.circle-info .c-tex{left:61%; top:9%; width:39%; border-color:#003871;}
.circle-info .c-nat{left:53%; top:58%; width:31%; border-color:#003871;}
.circle-info .c-nat{z-index:3;}
.circle-info .c-tex{z-index:2;}
.circle-info .c-big{z-index:1;}
.circle-info .lbl{position:absolute; left:50%; transform:translateX(-50%); text-align:center; white-space:nowrap; line-height:1.05;}
.circle-info .c-big .lbl{top:60%;}
.circle-info .c-tex .lbl{top:50%; transform:translate(-50%,-50%);}
.circle-info .c-nat .lbl{top:50%; transform:translate(-50%,-50%);}
.circle-info .lbl-img{display:block; margin:0 auto 1.2cqw; width:13cqw; height:auto;}
.circle-info .c-nat .lbl-img{width:15cqw;}
.circle-info .l-name{font:bold 4.3cqw/1.05 'Outfit', sans-serif;}
.circle-info .l-num{font:bold 6.8cqw/1.05 'Outfit', sans-serif;}
.circle-info .c-big .l-name{font-size:3.1cqw;} .circle-info .c-big .l-num{font-size:4.9cqw;}
.circle-info .c-big .l-name,.circle-info .c-big .l-num{color:#003871;}
.circle-info .c-tex .l-name{font-size:3.1cqw;} .circle-info .c-tex .l-num{font-size:4.9cqw;}
.circle-info .c-tex .l-name,.circle-info .c-tex .l-num{color:#ffffff;}
.circle-info .c-nat .l-name{font-size:3.1cqw;} .circle-info .c-nat .l-num{font-size:4.9cqw;}
.circle-info .c-nat .l-name,.circle-info .c-nat .l-num{color:#ffffff;}

.circle-info .c-big{background-color:#d9e2ec;}
.circle-info .c-tex{background-color:#296FE3;}
.circle-info .c-nat{background-color:#296FE3;}



.giving-info{container-type:inline-size; position:relative; width:100%; max-width:1100px; margin:0 auto; aspect-ratio:1400/1040; background:#003871;}
.giving-info .gi-svg{position:absolute; inset:0; width:100%; height:100%; display:block;}
.giving-info .conn{stroke:#aa0000; stroke-width:6; stroke-linecap:round;}
.giving-info .center{position:absolute; left:24.82%; top:50.46%; transform:translate(-50%,-50%); text-align:center; width:24%; pointer-events:none;}
.giving-info .center .gi-icon{color:#296FE3; font-size:7.5cqw; line-height:1; margin-bottom:.6cqw;}
.giving-info .center .gi-amount{color:#aa0000; font:700 3.6cqw/1 'Outfit', sans-serif; letter-spacing:-.02em; white-space:nowrap;}
.giving-info .grp{position:absolute; text-align:center; transform:translateX(-50%); white-space:nowrap;}
.giving-info .grp img{display:block; margin:0 auto .4cqw; height:8cqw; width:auto;}
.giving-info .grp .g-name{font:700 3.8cqw/1.05 'Outfit', sans-serif; color:#fff;}
.giving-info .grp .g-pct{font:700 4.4cqw/1.05 'Outfit', sans-serif; color:#fff;}
.giving-info .g-tex{left:62.5%; top:8%;}
.giving-info .g-nat{left:66%; top:39%;}
.giving-info .g-bord{left:54%; top:72%;}