.elementor-bc-flex-widget .elementor-36504 .elementor-element.elementor-element-7277780a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-36504 .elementor-element.elementor-element-7277780a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-36504 .elementor-element.elementor-element-39f34f7.elementor-element{--align-self:center;}.elementor-36504 .elementor-element.elementor-element-39f34f7{text-align:left;}.elementor-bc-flex-widget .elementor-36504 .elementor-element.elementor-element-57061b83.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-36504 .elementor-element.elementor-element-57061b83.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-36504 .elementor-element.elementor-element-60cf8720{--display:flex;}.elementor-36504 .elementor-element.elementor-element-79ecf23e{--display:flex;}.elementor-36504 .elementor-element.elementor-element-4ea8ef3e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-36504 .elementor-element.elementor-element-1f7cc6e3{--display:flex;}.elementor-36504 .elementor-element.elementor-element-30245566{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;}.elementor-36504 .elementor-element.elementor-element-1ffd39e7.elementor-element{--align-self:center;}.elementor-36504 .elementor-element.elementor-element-722563ff{--display:flex;}.elementor-36504 .elementor-element.elementor-element-12747698{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-36504 .elementor-element.elementor-element-5498dbe0.elementor-element{--align-self:center;}.elementor-36504 .elementor-element.elementor-element-68ebc3b0{--display:flex;}.elementor-36504 .elementor-element.elementor-element-17e322f4{--display:flex;}.elementor-36504 .elementor-element.elementor-element-57c4ede6{--display:flex;}.elementor-36504 .elementor-element.elementor-element-554ee056{--display:flex;}.elementor-36504 .elementor-element.elementor-element-5129871d{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-align:flex-end;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-36504 .elementor-element.elementor-element-5129871d.elementor-element{--align-self:center;}.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-36504 .elementor-element.elementor-element-4ea8ef3e{--grid-auto-flow:row;}.elementor-36504 .elementor-element.elementor-element-30245566{--grid-auto-flow:row;}.elementor-36504 .elementor-element.elementor-element-12747698{--grid-auto-flow:row;}.elementor-36504 .elementor-element.elementor-element-5129871d{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;}}@media(max-width:767px){.elementor-36504 .elementor-element.elementor-element-7277780a{width:80%;}.elementor-36504 .elementor-element.elementor-element-57061b83{width:20%;}.elementor-36504 .elementor-element.elementor-element-4ea8ef3e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-36504 .elementor-element.elementor-element-30245566{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-36504 .elementor-element.elementor-element-12747698{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-36504 .elementor-element.elementor-element-5129871d{--n-menu-toggle-align:flex-end;}}@media(min-width:768px){.elementor-36504 .elementor-element.elementor-element-7277780a{width:16.006%;}.elementor-36504 .elementor-element.elementor-element-57061b83{width:83.994%;}.elementor-36504 .elementor-element.elementor-element-41897c11{width:80.886%;}.elementor-36504 .elementor-element.elementor-element-4fcf9a53{width:19.074%;}}@media(max-width:1024px) and (min-width:768px){.elementor-36504 .elementor-element.elementor-element-7277780a{width:80%;}.elementor-36504 .elementor-element.elementor-element-57061b83{width:20%;}.elementor-36504 .elementor-element.elementor-element-41897c11{width:60%;}.elementor-36504 .elementor-element.elementor-element-4fcf9a53{width:40%;}}/* Start custom CSS */body {
    padding-top: 8rem
}

@media (max-width: 1024px) {
    body {
        padding-top: 6rem
    }
}

#megaMenu {
    background-color: white;
    position: fixed;
    top: 0;
    width: 100%;
    max-width: var(--maxPageWidth);
    z-index: 999
}

#megaMenu #hatchLogo {
    max-width: 15rem
}

@media (max-width: 1024px) {
    #megaMenu #hatchLogo {
        max-width: 16.5rem
    }
}

#megaMenu #hatchLogo a {
    padding: 0
}

#menuWrap {
    margin-block-end: 0;
    margin-bottom: 0
}

#megaMenu .e-con>.e-con-inner {
    gap: 0
}

@media (max-width: 1024px) {
    #megaMenu .e-con>.e-con-inner {
        grid-template-columns: repeat(1, 1fr)
    }
}

#megaMenu .e-n-menu-content>div {
    background-color: var(--hatchGrey);
    max-width: var(--maxPageWidth);
    margin: 0 auto;
    border-bottom: 1px solid var(--hatchBlack)
}

@media (max-width: 1024px) {
    #megaMenu .e-n-menu-content>div {
        background-color: var(--hatchDGrey);
        padding: 0
    }
}

#megaMenu .e-n-menu-content .e-con-inner {
    max-width: var(--pageWidth);
    padding: 0
}

@media (max-width: 1140px) {
    #megaMenu .e-n-menu-title {
        padding: 0.5rem
    }
}

@media (max-width: 1024px) {
    #megaMenu .e-n-menu-title {
        padding: 0
    }
}

@media (max-width: 1024px) {
    #megaMenu .e-n-menu-heading {
        padding-bottom: 0.5rem;
        background-color: var(--hatchGrey);
        border-bottom: 1px solid var(--hatchBlack)
    }
}

#megaMenu .e-n-menu-title-container {
    padding: 2rem 1rem
}

@media (max-width: 1024px) {
    #megaMenu .e-n-menu-title-container {
        padding: 1.5rem 1rem;
        padding-left: 3rem
    }
    
}



#megaMenu .e-n-menu-item, #megaMenu .e-n-menu-title-text, #megaMenu .e-n-menu-title-container {
    cursor: pointer;
}

#megaMenu .e-n-menu-item a {
    color: var(--hatchBlack);
    font-family: var(--fontSource);
    font-weight: var(--fontWeightBold);
    font-size: var(--fontSizePara);
}

#megaMenu .e-n-menu-item .elementor-nav-menu a {
    padding: 1.5rem 2rem;
}


@media (max-width: 1024px) {
    #megaMenu .e-n-menu-item .e-n-menu-content a{
        padding-left: 5rem;
        font-weight: var(--fontWeightMedium);
    }
}
@media (min-width: 1025px) {
    #megaMenu .activeItem {
        background-color: var(--hatchGrey)
    }
}

#megaMenu .e-n-menu-title {
    transition: .5s;
    transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1)
}

@media (max-width: 1024px) {
    #megaMenu .e-n-menu-title {
        background-color: var(--hatchGrey)
    }
}

#megaMenu .e-n-menu-title:hover {
    background-color: var(--hatchGrey)
}

#megaMenu .e-n-menu-title:has(.e-active) {
    background-color: var(--hatchGrey)
}

#megaMenu .e-n-menu-title-text {
    color: var(--hatchBlack);
    font-family: var(--fontSource);
    font-weight: var(--fontWeightBold);
    font-size: var(--fontSizeH4)
}

#megaMenu .cls-1 {
    fill: var(--hatchBlack);
    stroke-width: 0px
}

#megaMenu #menuProg:hover,
#megaMenu #menuPWU:hover,
#megaMenu #menuDonate:hover {
    background-color: unset
}

@media (max-width: 1024px) {

    #megaMenu #menuPWUMobile a,
    #megaMenu #menuProgMobile a,
    #megaMenu #menuDonate a {
        width: 100%
    }
}

#megaMenu #menuDonate:hover {
    background-color: var(--hatchBlue)
}

    #menuProg,
    #menuPWU {
        display: none
    }

@media (min-width: 1025px) {

    #menuProg,
    #menuPWU {
        display: inline-flex
    }
}

#menuProg:hover,
#menuPWU:hover {
    background-color: unset
}

#menuProg a.e-n-menu-title-container,
#menuPWU a.e-n-menu-title-container {
    padding: 1rem 2rem;
    background-color: var(--hatchBlack);
    border-radius: var(--smallRadius)
}

@media (max-width: 1170px) {

    #menuProg a.e-n-menu-title-container,
    #menuPWU a.e-n-menu-title-container {
        padding: 0.5rem  1rem
    }
    
    #megaMenu .e-n-menu-title-text {
    font-size: var(--fontSizeText)
}
}

#menuProg a:hover,
#menuPWU a:hover {
    background-color: var(--hatchBlue);
    transition: .5s;
    transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1)
}

#menuProg a .e-n-menu-title-text,
#menuPWU a .e-n-menu-title-text {
    color: white
}



    #megaMenu #menuProgMobile,
#megaMenu #menuPWUMobile {
    border-bottom: 1px solid white;
    border-right:0;
    background-color: var(--hatchBlack);
    transition: .5s;
    transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
    margin: 1rem;
    margin-top: 0;
    border-radius: var(--largeRadius);
}

#megaMenu #menuPWUMobile .e-n-menu-title-container, #megaMenu #menuProgMobile .e-n-menu-title-container {
    padding: 1rem;
    padding-left: 2rem
}

@media (min-width: 1025px) {

    #megaMenu #menuProgMobile,
    #megaMenu #menuPWUMobile {
        display: none
    }
    
    #megaMenu #menuProgMobile,
#megaMenu #menuPWUMobile {
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    background-color: var(--hatchBlack);
    transition: .5s;
    transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
    margin: 0;
    margin-top: 0;
    border-radius: 0;
}

}

@media (min-width: 1024px) {
    
    /** due to inconsistency with zoom and page width, buttons show when they shouldn't , this styling keeps them looking okay at the boundary**/
    
    #megaMenu #menuProgMobile,
#megaMenu #menuPWUMobile {
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    background-color: var(--hatchBlack);
    transition: .5s;
    transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
    margin: 0;
    margin-top: 0;
    border-radius: 0;
}

}

#megaMenu #menuProgMobile:hover,
#megaMenu #menuPWUMobile:hover {
    background-color: var(--hatchBlue)
}

#megaMenu #menuProgMobile a .e-n-menu-title-text,
#megaMenu #menuPWUMobile a .e-n-menu-title-text {
    color: white
}

#megaMenu .elementor-nav-menu li {
    border-bottom: 1px solid var(--hatchBlack);
    border-right: 1px solid var(--hatchBlack)
}

@media (max-width: 1024px) {
    #megaMenu .elementor-nav-menu li {
        border-right: 0
    }
}

#megaMenu .elementor-nav-menu li:last-child {
    border-bottom: 0
}

#megaMenu .elementor-nav-menu li a:hover::after {
    right: 2rem
}

#megaMenu .elementor-nav-menu li a::after {
    background-color: unset;
    height: unset;
    left: unset;
    opacity: unset;
    right: 6rem;
    bottom: 1.2rem;
    content: url("/wp-content/uploads/2025/10/rightArrow.svg");
    width: 0.8rem;
    display: inline-block;
    margin-left: 0.5rem;
    transition: .3s;
    transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1)
}

#megaMenu .elementor-element-populated {
    padding: 0
}

.menuDesc {
    padding: 2rem 3rem;
    height: 20rem;
}

.menuDesc h4 {
    margin: 0;
    font-weight: var(--fontWeightLight)
}

.menuDesc p {
    margin-top: 0.5rem
}

#megaMenu .descWrap {
    padding: 0
}

@media (max-width: 1024px) {
    #megaMenu .descWrap {
        display: none
    }
}

#megaMenu .hoverDesc,
#megaMenu .elementor-nav-menu li:hover {
    background-color: white;
    border-right: 0
}

#megaMenu .e-n-menu-toggle-icon {
    padding: 2rem
}/* End custom CSS */