/*
Theme Name: Site
Theme URI: http://gantry.org
Template: g5_helium
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Helium - Gantry 5 Theme from RocketTheme
Version: 5.5.19.1726665088
Updated: 2024-09-18 13:11:28

*/

@import url(custom.css);

/* Gantry Universal */
.entry-content .alignwide {
	margin-left: -80px;
	margin-right: -80px;
}
.entry-content .alignfull {
	margin-left: calc( -100vw / 2 + 100% / 2 );
	margin-right: calc( -100vw / 2 + 100% / 2 );
	}
/* .alignfull img {
	width: 100vw;
	} */

.alignfull.two-column-content img, .alignfull .alignleft img {
	width: inherit
}

h1, h2, h3 , h4, h5 , h6 {
    margin: 0;
}
/**/
#g-navigation .g-container {
	max-width: 1200px;
	padding: 0 24px;
}



 
.sticky-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    animation: slideDown 0.3s ease;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

/* ==========================
Header Section
========================== */
.g-main-nav .g-toplevel > li > .g-menu-item-container, 
.g-main-nav .g-sublevel > li > .g-menu-item-container {
	font-family: 'Inter', sans-serif;;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}
#g-navigation {
	    border-bottom: 1px solid rgba(255, 184, 28, 0.2);
	   
}
#g-navigation .g-grid{
	align-items: center;
}
#g-navigation .g-main-nav .g-toplevel > li{
    margin: 0;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content{
	padding: 7px 18px;
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content{	
	border-bottom: 2px solid #85724e;
    border-radius: 0;
    box-shadow: none;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:hover,
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container{
	color:#85724e;
}
.nav-give a{
    background: #85724e;
    color:#FFFFFF;
    font-size: 13px;
    font-weight: 800;
    padding: 9px 22px;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: opacity .15s;
}
.nav-give a:hover{
	opacity: .88;
}


#g-offcanvas #g-mobilemenu-container .g-toplevel li{
	border-bottom: solid 1px  #85724e;
}

/*Footer*/
#g-footer{
	padding: 60px 40px 28px!important;
}
#g-footer .g-container{
	max-width: 1200px;	
	width: 100%;
}
.footer-logo {
	margin-bottom: 12px;
}
.footer-tagline {
    font-size: 12px;
    color: rgba(255, 255, 255, .35);
    line-height: 1.65;
    margin-bottom: 18px;
}
.footer-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.f-badge {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 4px;
    padding: 5px 12px;
    font-size: 10px;
    color: rgba(255, 255, 255, .45);
    letter-spacing: .5px;
    line-height: 1.2;
}
#g-footer .g-grid:nth-child(2) {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 40px;
}
#g-footer .g-grid:nth-child(2) .g-block{
	padding: 0 20px;
}
.footer-links {
	margin-top: -50px;
}
.footer-links .widgettitle {
	font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, .35);
    margin-bottom: 14px;
    margin-top: 0;
    line-height: 12px;
    font-family: "Inter";
}
.footer-links .menu{
	margin:0;
}
.footer-links .menu li{
	line-height: 1;
}
.footer-links .menu li a {
    display: block;
    font-size: 13px;
    color: rgba(255, 255, 255, .55);
    margin-bottom: 8px;
    cursor: pointer;
    text-decoration: none;
    transition: color .15s;
    line-height: 16px;
}
.footer-links .menu li a:hover{
	color:#85724e
}

#g-footer .g-grid:nth-child(3) {	
    border-top: 1px solid rgba(255, 255, 255, .06);
    padding-top: 22px;    
    align-items: center;   
}
.copyright {
	font-size: 11px;
    color: rgba(255, 255, 255, .25);
}
.copyright-logo a{
	display: inline-block;
}

/*photo-strip*/
.photo-strip {}

.photo-strip .roobely-image-container:before{
	content: '';
	position: absolute;
    inset: 0;
    background: rgba(0, 30, 87, .3);
    opacity: 0;
    transition: opacity .3s;
    z-index: 5;
}
.photo-strip .roobely-image-container:hover::before{
	opacity: 1;
}
.photo-strip .roobely-image-container img {
    transition: transform .4s;
}
.photo-strip .roobely-image-container:hover img{
	transform: scale(1.05);
}


/*Why */
.heading-eye-bro h5{
	position: relative;
	display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Inter',sans-serif;
}
.heading-eye-bro h5::before {
    content: '';
    display: block !important;
    width: 24px;
    height: 2px;
    background: #85724e;
}
.roobely-section.inner-row .roobely-container{ 
	padding-left:0;
	padding-right:0;
 }
.why-card .roobely-column > .roobely-column-inner{
 	border-top-color: #002856;
 	transition: transform .2s, box-shadow .2s;
}
.why-card .roobely-column:hover > .roobely-column-inner{
	transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(0, 48, 135, .1);
}
.why-card .roobely-column .roobely-block-text-title{
	margin:0;
}
.why-card .roobely-column p{
	margin: 0;
}

/*recent-impact*/
.recent-impact .roobely-column .roobely-block-text-title{
	margin:0;
}
.recent-impact .roobely-column p{
	margin: 0;
}
.impact-img-badge {
    position: absolute !important;
    bottom: 20px;
    left: 36px;
    background: #002856;  
    padding: 8px 20px;
    border-radius: 4px;
}
.impact-img-badge p{
	margin: 0;
}

.levels-row .level-content .roobely-block-text-title{
	margin-top: 6px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    font-family: inter;
}
.levels-row .level-content p{
	margin: 0;
}
.most-populer p{
    margin: 0;
}
.most-populer {
    position: absolute !important;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #85724e;
    color: #002856;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 14px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.impact-state .roobely-column-inner p{
    margin: 0;
}

.levels-row.wp-block-roobely-row.roobely-section .roobely-row .roobely-column:not(.featured)>.roobely-column-inner:hover{
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .3);
}
.trophy-img-overlay .roobely-image-container:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, transparent 60%, #001535 100%);
}

.giving-banner .roobely-list-item-icon {
    width: 22px !important;
    height: 22px;
    background: rgba(255, 184, 28, .2);
    border: 1.5px solid #85724e;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.giving-banner .roobely-row-overlay:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(130deg,rgba(0,21,53,0.95) 0%,rgba(0,40,86,0.85) 60%,rgba(0,40,86,0.7) 100%);
}





/* Smartphones */
@media (max-width: 480px) {
 
}

@media screen and (max-width: 991px){
    .nav-give{ 
        display: none;
    }
    .why-card .roobely-column-inner{
        height: auto !important;
    }
    .impact-img-badge{
        padding: 8px;
    }
    .levels-row .roobely-column-inner{
        height: auto !important;
    }
    .impact-state .wp-block-roobely-row.roobely-section .roobely-row .roobely-column>.roobely-column-inner {
        height: auto;
    }
}

@media screen and (max-width: 767px){
    .br-none br{
        display: none;
    } 
    #g-navigation .g-container{
        padding: 0 15px;
    }
    #g-navigation .g-logo{
        padding: 0;
    }
    #g-navigation .g-logo img {
        margin: 0;
    }
    .footer-links {
        margin-top: 15px;
    }
}

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {

}

/* Tablets */
@media (min-width: 768px) and (max-width: 991px) {
 .g-offcanvas-right .g-offcanvas-toggle{
 	right: 27px;
 }
}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Large Display */
@media (min-width: 1200px) {
 
}