:root{
    --primary-color: #293d58;
    --secondary-color: #5b73dc;
    --main-accent: #90A4FE;
    --secondary-accent: #8BD5FF;
    --dark-color: #A7C154;
    --light-green-color: #265E3C;
    --orange-color: #f17d2e;
    --background-color: #E9EFEC;
}

html {
    max-width: 100vw;
    overflow-x: hidden;
}

body{
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: hidden;
}

h1{
    font-size: 56px;
    font-weight: 700;
    color: var(--primary-color);
    font-family: "Nunito", sans-serif;
    line-height: 1;
}

h2{
    font-size: 48px;
    font-weight: 700;
    color: var(--primary-color);
    margin: 10px 0 10px 0;
    font-family: "Nunito", sans-serif;
    line-height: 1;
}

h3{
    font-size: 39px;
    font-weight: 600;
    color: var(--primary-color);
    margin: 30px 0 10px 0;
    font-family: "Nunito", sans-serif;
    line-height: 1;
}

h4{
    font-size: 30px;
    font-weight: 700;
    color: var(--light-green-color);
    margin: 0 0 10px 0;
    font-family: "Nunito", sans-serif;
    line-height: 32px;
}

h5{
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
    font-family: "Nunito", sans-serif;
    margin: 20px 0 5px 0;
}

h6{
    font-size: 20px;
    font-weight: 600;
    color: var(--light-green-color);
    font-family: "Nunito", sans-serif;
    margin: 0 0 10px 0;
}

p{
    color: var(--primary-color);
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 15px 0;
    font-size: 16px;
    color: #1c1c1c;
}

.main{
    img{
        border-radius: 10px;
    }
    ul{
        margin-top: 0;
        list-style: none;
        li{
            font-size: 16px;
            line-height: 30px;
            position: relative;
            &::before{
                content: '';
                width: 7px;
                height: 7px;
                background: var(--orange-color);
                position: absolute;
                left: -19px;
                top: 11px;
                border-radius: 50%;
            }
        }
    }
    a{
        color: #0A369C; 
        text-decoration: none;
        transition: .15s linear all;
        &:hover{
            color: var(--orange-color)
        }
    }
    .green-background{
        background-color: var(--background-color);
    }
}

.button-primary{
    background-color: var(--light-green-color);
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    font-size: 18px;
    padding: 15px 30px;
    text-decoration: none;
    margin: 15px 0;
    display: block;
    max-width: fit-content;
    cursor: pointer
}


.text-btn{
    background-color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    font-size: 18px;
    padding: 10px 45px;
    text-decoration: none;
    margin: 15px 0;
    display: block;
    max-width: fit-content;
    transition: .2s linear all;
    cursor: pointer;
    a{
        color: #fff !important;
    }
    &:hover{
        background-color: var(--light-green-color);
    }
}

.no-margin{
    margin: 0 !important;
}


img{
    max-width: 100%;
}


.width-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 60px;
}

.slim-width-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 60px;
}



/* Header */
#header{
    .hdr-inner{
        max-width: 1400px;
        margin: 0 auto;
        display: flex;
        gap: 20px;
        padding: 0 60px;
        align-items: center;
        justify-content: space-between;
        position: relative;
        .logo-col {
	    z-index: 99999;
            max-width: 350px;
        }
        .nav-col{
            .mobile-nav-toggle{
                display: none;
            }
            .level-0{
                list-style: none;
                display: flex;
                gap: 20px;
                margin: 0;
		padding-left: 10px;
		padding-top: 20px;
		padding-bottom: 20px;
		align-items: baseline;
                li{
                    #padding: 65px 0;
                    a{
                        text-decoration: none;
                        font-weight: 700;
                        color: var(--primary-color);
                        transition: .15s linear all;
                        cursor: pointer;
                        font-size: 18px;
			text-wrap: nowrap;
                        &:hover{
                            color: var(--orange-color);
                        }
                    }
                    ul.level-2 {
                        position: absolute;
			display: none;
                        background: #fff;
                        z-index: 99;
                        top: 73px;
                        padding: 10px 15px;
                        list-style: none;
                        /* box-shadow: -1px 4px 8px #00000038; */
                        transform: scaleY(0);
                        transform-origin: top;
                        transition: 0.2s linear transform;
                        li{
                            padding: 10px 0 10px 0;
                        }
                        a{
                            font-weight: 500 !important;
                        }
                        &.active-child{
                            transform: scaleY(1);
			    display: block;
                        }
                    }
                    &.parent-tab{
                        display: flex;
                        align-items: center;
			min-height: 30px;
			span {
				max-width: 24px;
			}
                    }
                }
            }
        }
        .fb-icon {
            background: var(--secondary-color);
            width: 30px;
            border-radius: 50px;
            height: 30px;
            display: flex;
            align-content: center;
            justify-content: center;
            align-items: center;
            position: absolute;
            right: 60px;
            top: 25px;
            img{
                max-height: 20px;
            }
        }
    }
}

/* Footer */
#footer{
    .ftr-info {
        background: #e3e8fc40;
        padding: 30px 0;
        .width-wrapper{
            display: flex;
            justify-content: space-between;
            align-items: center;
            .ftr-text {
                width: 30%;
                p{
                    font-style: italic;
                    font-weight: 600;
                    font-size: 16px;
                    margin: 0;
                }
                a{
                    color: var(--orange-color);
                    text-decoration: none;
                }
            }
            .ftr-images {
                display: flex;
                max-width: 100%;
                width: 70%;
                align-items: center;
                gap: 20px;
                flex-wrap: wrap;
		flex-grow: 1;
		justify-content: center;
                img{
                    object-fit: contain;
                    height: 122px;
		    flex-grow: 1;
		    cursor: pointer;
                }
            }
        }
    }
    .ftr-top{
        background-color: var(--primary-color);
        padding: 20px 0;
        .ftr-inner{
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 60px;
            display: flex;
            gap: 20px;
            align-items: center;
            justify-content: space-between;
            .ftr-logo {
                max-width: 300px;
            }
            .ftr-links{
                .ftr-nav{
                    list-style: none;
                    display: flex;
                    gap: 20px;
                    margin: 0;
                    padding: 0;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    li{
                        a{
                            text-decoration: none;
                            font-weight: 700;
                            color: #fff;
                            transition: .15s linear all;
                            font-size: 18px;
                            &:hover{
                                color: var(--orange-color);
                            }
                        }
                        .fb-icon{
                            display: flex;
                            max-width: 30px;
                            &:hover{
                                opacity: .6;
                            }
                        }
                    }
                }
            }
        }
    }
    .ftr-bottom{
        width: 100%;
        height: 30px;
        background-color: var(--orange-color);
	p {
		color: white;
		text-align: center;
		a {
			color: white;
			text-decoration: none;
			&:hover {
				text-decoration: underline;
			}
		}
	}
    }
}

/* Homepage */
#home-page {
    .showcase-wrapper{
        .showcase-inner {
            position: relative;
            .white-wave-asset {
                min-height: unset !important;
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 99999999;
                width: 100%;
            }
            .text-background {
                position: absolute;
                left: 0;
                top: 0;
                width: 46%;
                background: #e3e8fccf;
                height: 100%;
                &::before{
                    content: '';
                    position: absolute;
                    right: -300px;
                    height: 100%;
                    width: 300px;
                    background: #E3E8FC;
                    background: linear-gradient(90deg, #e3e8fccf 0%, rgba(255, 255, 255, 0) 100%);
                }
            }
            .text-limiter {
                max-width: 550px;
                position: absolute;
                top: 50%;
                transform: translate(0, -50%);
                h1{
                    font-weight: 700;
                    margin: 0;
                    line-height: 67px;
                    font-size: 64px;
                }
                p{
                    margin: 15px 0 30px 0;
                }
                .buttons-container{
                    display: flex;
                    align-items: center;
                    gap: 30px;
                    a:nth-child(1) {
                        background: var(--secondary-color);
                        color: #fff;
                        text-decoration: none;
                        text-transform: uppercase;
                        padding: 15px 30px;
                        font-size: 18px;
                        border-radius: 0.4rem;
                        font-weight: 500;
                        border: 2px solid var(--secondary-color);
                        transition: .2s linear all;
                        &:hover{
                            background: var(--secondary-accent);
                            border: 2px solid var(--secondary-accent);
                        }
                    }
                    a:nth-child(2) {
                        background: transparent;
                        color: var(--light-green-color);
                        text-decoration: none;
                        text-transform: uppercase;
                        padding: 15px 30px;
                        font-size: 18px;
                        border-radius: 0.4rem;
                        font-weight: 500;
                        border: 2px solid var(--light-green-color);
                        transition: .2s linear all;
                        &:hover{
                            background-color: var(--secondary-accent);
                            color: #fff;
                            border: 2px solid var(--secondary-accent);
                        }
                    }

                }
            }
            img{
                width: 100%;
                object-fit: cover;
                min-height: 550px;
                border-radius: 10px;
            }
        }
    }
    .main{
        margin-top: 30px;
        .homepage-intro{
            p{
                font-size: 22px;
                line-height: 35px;
            }
        }
        .home-boxes{
            padding: 40px 0;
            .boxes-container {
                display: flex;
                gap: 35px;
                justify-content: center;
                flex-wrap: wrap;
                .box {
                    width: 28%;
                    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                    border-radius: .3rem;
                    padding: 30px 20px 45px 20px;
                    position: relative;
                    .background-graphic {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        max-height: 140px;
                    }
                    .box-inner{
                        display: flex;
                        gap: 30px;
                        .icon{
                            span{
                                height: 80px;
                                width: 80px;
                                border-radius: 50%;
                                color: #fff;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                font-size: 55px;
                            }
                        }
                        .box-content{
                            h5{
                                margin: 0 0 15px 0;
                            }
                            p{
                                font-size: 16px;
                            }
                            a{
                                text-decoration: none;
                                display: flex;
                                align-content: center;
                                align-items: center;
                                gap: 5px;
                                font-weight: 600;
                                font-size: 20px;
                                span{
                                    position: relative;
                                    right: 0;
                                    transition: .15s linear all;
                                }
                                &:hover{
                                    span{
                                        right: -15px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .impact-section{
            background: #e3e8fc;
            .impact-background {
                background-size: contain !important;
                background-repeat: no-repeat !important;
                background-position: right !important;
                .text-limiter {
                    max-width: 550px;
                    background: #e3e8fc;
                    padding: 60px 0;
                    position: relative;
                    &::before{
                        content: '';
                        position: absolute;
                        top: 0;
                        right: -90px;
                        width: 90px;
                        height: 100%;
                        background: linear-gradient(90deg, rgba(227, 232, 252, 1) 0%, rgba(255, 255, 255, 0) 100%);
                        z-index: 99999;
                    }
                    p{
                        font-size: 16px;
                    }
                    .button-primary{
                        margin-bottom: 0;
                    }
                    .impact-items {
                        display: flex;
                        gap: 40px;
                        margin-bottom: 30px;
                        .item{
                            span{
                                font-size: 63px;
                                color: var(--light-green-color);
                            }
                            p{
                                font-size: 16px;
                                line-height: 22px;
                                font-weight: 600;
                                margin: 0;
                            }
                        }
                    }
                }
            }
        }
        .map-section {
            overflow: hidden;
            position: relative;
            margin: 30px 0;
            background: #e3e8fc;
            iframe{
                position: absolute;
                width: 80%;
                right: 0;
            }
            .text-limiter {
                max-width: 450px;
                position: relative;
                background: #e3e8fc;
                height: 100%;
                padding: 60px 40px 60px 0;
                h2{
                    margin-top: 0;
                }
                p{
                    margin-bottom: 0;
                }
            }
        }
        .events-map-section{
            padding: 60px 0;
            .width-wrapper{
                display: flex;
                justify-content: space-between;
                .events-col{
                    width: 100%;
                    
                        .event-col-inner{
                            .events-grid {
                                display: grid;
				grid-template-columns: repeat(auto-fit, minmax(min(580px, 100%), 1fr));
                                gap: 30px;
                            }
                            .event{
                                padding: 15px 0 15px 0;
                                border-bottom: 2px solid #00000017;
                                display: block;
                                text-decoration: none;
                                position: relative;
                                &:nth-last-child(-n + 2){
                                    /* border-bottom: unset; */
                                }
                                .title-container {
                                    display: flex;
                                    align-items: center;
                                    gap: 20px;
				    width: fit-content;
                                    .date {
                                        width: 70px;
                                        height: 70px;
                                        text-align: center;
                                        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                                        border-radius: 5px;
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        .month {
                                            display: block;
                                            text-transform: uppercase;
                                            color: var(--secondary-color);
                                            font-weight: 600;
                                        }
                                        .day {
                                            display: block;
                                            font-weight: 600;
                                            color: var(--primary-color);
                                        }
                                    }
                                    .details{
                                        h5{
                                            margin: 0;
                                        }
                                        .details-container {
                                            display: flex;
                                            gap: 11px;
                                            margin-top: 10px;
                                            align-items: center;
                                            .location{
                                                margin: 0;
                                                display: flex;
                                                align-items: center;
                                                max-width: 500px;
                                            }
                                            .time{
                                                margin: 0;
                                                display: flex;
                                                align-items: center;
                                            }
                                        }
                                    }
                                }
                                .link-arrow{
                                    position: absolute;
                                    right: 25px;
                                    top: 50%;
                                    transform: translate(0px, -50%);
                                    color: var(--secondary-color);
                                    transition: .15s linear all;
                                }
                                &:hover{
                                    .link-arrow{
                                        right: 15px;
                                    }
                                }
                            }
                        }
                    
                }
                .map-col{
                    width: 48%;
                    display: flex;
                    flex-direction: column;
                    border-radius: 5px;
                    overflow: hidden;
                    .text{
                        background: #e3e8fc;
                        padding: 20px;
                        h3{
                            margin-top: 0;
                        }
                    }
                }
            }
        }
        .newsletter-section {
            background: #eef1e9;
            padding: 30px 0;
            overflow: hidden;
            .width-wrapper{
                position: relative;
                .graphic {
                    position: absolute;
                    bottom: -30px;
                    max-height: 205px;
                }
                .g-left{
                    left: 0;
                }
                .g-right {
                    right: 0;
                }
            }
            .text{
                position: relative;
                z-index: 99;
                p{
                    margin: 10px 0 15px 0;
                }
            }
            .sign-up > form {
                display: flex;
		flex-wrap: wrap;
                max-width: 750px;
                margin: 0 auto;
                position: relative;
                z-index: 99;
	        .wf-model-2 {
	    	    display: none;
	        }
                input{
		    height: 60px;
		    flex-grow: 1;
		    min-width: fit-content;
                    border: #0000004d solid 2px;
                    border-radius: 5px 0 0 5px;
                    padding-left: 20px;
                    font-size: 18px;
                }
                button[type="submit"]{
		    flex-grow: 1;
		    flex-basis: 0;
                    background: var(--light-green-color);
                    color: #fff;
                    padding: 15px 30px;
                    font-size: 20px;
                    font-family: "Montserrat", sans-serif;
                    font-weight: 600;
		    text-transform: uppercase;
                    border: none;
                    border-radius: 0 5px 5px 0;
                }
            }
        }
    }
}



#inside-page{
    h2{
        color: #265E3C;
    }
    .showcase-wrapper{
        .showcase-inner{
            position: relative;
            /* padding-bottom: 30px; */
            img{
                max-height: 530px;
                width: 100%;
                object-fit: cover;
                object-position: bottom;
                min-height: 375px;
            }
            .text-container{
                position: absolute;
                top: 30%;
                width: 100%;
                text-align: center;
                h1{
                    color: #fff;
                    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.65);
                }
            }
        }
    }
    .contact-form-container {
    form{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px 45px;
	.wf-color-1 {
		display: none;
	}
        .wf-group {
            grid-column: 2 span;
            .wf-group-heading{
                padding-top: 15px;
                label{
                    font-size: 22px;
                    font-weight: 600;
                    margin-bottom: 5px;
                }
            }
            label{
                display: block;
                font-size: 16px;
                font-weight: 400;
                color: #000;
            }
            input {
                width: 100%;
                height: 50px;
                border: 1px solid #000;
                padding: 10px;
                font-size: 18px;
                box-sizing: border-box;
            }
            input[type="radio" i] {
                accent-color: var(--orange-color);
                width: 15px;
                margin: 0;
                height: 15px;
            }
            textarea {
                width: 100%;
                min-height: 150px;
                border: 1px solid #000;
                
            }
            &.half-width{
                grid-column: 1 span;
            }
        }
        .wf-radio {
            gap: 10px;
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            
        }
        input[type="submit"] {
            max-width: 250px;
            font-size: 22px;
            color: #fff;
            font-family: 'Montserrat';
            border: unset;
            padding: 10px 30px;
            background-color: var(--secondary-color);
            border-radius: 8px;
        }
    }
    }
    .text-image-row{
        display: flex;
        gap: 60px;
        justify-content: space-between; 
        align-items: flex-start;
        padding-bottom: 90px;
        &.removePadding{
            padding-bottom: 0
        }
        .row-img{
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 30px;
            img{
                width: 100%;
            }
        
                .glide__arrows{
                    i{
                        font-size: 30px;
                        font-family: 'FontAwesome';
                        font-style: normal;
                        font-weight: 100;
                    }
                }
            
        }
        
        &.imageRight {
            flex-direction: row;
            position: relative;
            .row-text {
            /* // width: 50%; */
                padding: 0 0px 0px 0px;
                
                .star-element{
                    position: absolute;
                    max-width: 560px;
                    left: -165px;
                    top: -125px;
                    transform: rotate(215deg);
                    z-index: -1;
                }
            }

        }
        &.imageLeft {
            flex-direction: row-reverse;
            position: relative;
            .row-text {
                /* //width: 50%; */
                padding: 0 0px 0px 0px;
                
                .star-element{
                    position: absolute;
                    max-width: 560px;
                    right: -102px;
                    top: -75px;
                    z-index: -1;
                }
            }
            /* // .row-image{
            //     // width: 50%
            // } */
        }
        &.imageCenter {
            flex-direction: column;
            .row-text {
                width: 100%;
            }
            .row-img{
                width: 100%;
                padding: 30px 0 0px 0px;
            }
        }
        &.noImage {
            flex-direction: column;
            .row-text {
                width: 100%;
            }
            .row-img{
                display: none;
            }
        }
        /* //Image Sizes */
        &.twentyFive{
            .row-img{
                width: 25%;
            }
            .row-text{
                width: 75%;
            }
        }
        &.forty{
            .row-img{
                width: 40%;
            }
            .row-text{
                width: 55%;
            }
        }
        &.fullWidth{
            .row-img{
                width: 100%;
            }
            .row-text{
                width: 100%;
            }
        }
        &.fifty{
            .row-img{
                width: 50%;
            }
            .row-text{
                width: 50%;
            }
        }
        &.seventyFive{
            .row-img{
                width:75% ;
            }
            .row-text{
                width: 25%;
            }
        }
        &.third{
            .row-img{
                width: 33% ;
            }
            .row-text{
                width: 66%;
            }
        }

    
    }
    .full-width-text{
        position: relative;
        background-color: var(--background-color);
        padding: 60px 0;
        margin-bottom: 90px;
        overflow: hidden;
        .width-wrapper{
            position: relative;
            z-index: 99999;
        }
        .bg-graphic{
            position: absolute;
            bottom: 0;
            right: 0;
            opacity: 10%;
            &.half-width{
                max-width: 50%;
            }
            &.full-width{
                max-width: 100%;
            }
        }
    }

    .list-row{
        .list{
            column-count: 2;
            max-width: fit-content;
            gap: 100px;
            li{
                &.top-padding{
                    margin-top: 25px;
                }
		a {
		    font-weight: bold;
		}
            }
        }
    }
    .icon-card-row {
        margin-bottom: 90px;
        .cards-container{
            gap: 35px 50px;
            justify-content: center;
            flex-wrap: wrap;
            display: grid;
            margin-top: 40px;
            &.cols-2{
		grid-template-columns: repeat(auto-fit, minmax(min(500px, 100%), 1fr));
            }
            &.cols-3 {
		grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
            }
            .box {
                width: 100%;
                box-sizing: border-box;
                box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                border-radius: .3rem;
                padding: 30px 20px 45px 20px;
                position: relative;
                .background-graphic {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    max-height: 140px;
                }
                .box-inner{
                    display: flex;
                    gap: 30px;
                    .icon{
                        span{
                            height: 80px;
                            width: 80px;
                            border-radius: 50%;
                            color: #fff;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-size: 55px;
                        }
                    }
                    .box-content{
                        width: 80%;
                        h5{
                            margin: 0 0 15px 0;
                        }
                        p{
                            font-size: 16px;
                        }
                        a{
                            text-decoration: none;
                            display: flex;
                            align-content: center;
                            align-items: center;
                            gap: 5px;
                            font-weight: 600;
                            font-size: 20px;
                            color: var(--orange-color);
                            span{
                                position: relative;
                                right: 0;
                                transition: .15s linear all;
                            }
                            &:hover{
                                span{
                                    right: -15px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .resource-grid-row {
        .grid-container {
            display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(min(370px, 100%), 1fr));
            gap: 30px;
            margin-top: 40px;
            margin-bottom: 90px;
            .col{
                h4{
                    color: var(--light-green-color);
                    margin-top: 15px;
                }
                a{
                    text-decoration: none;
                    align-content: center;
                    align-items: center;
                    font-weight: 600;
                    font-size: 20px;
                    color: var(--orange-color);
                    margin-top: 10px;
                }
            }
        }
    }
    .video-grid-row{
        .video-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
            gap: 60px;
            margin-top: 40px;
            margin-bottom: 90px;
            .col{
                .video-wrap {
                    padding-top: 56.25%;
                    position: relative;
                    iframe {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                    }
                }
                .text-container{
                    h4{
                        font-size: 36px;
                        color: var(--light-green-color);
                        margin: 20px 0 0 0;
                    }
                }
            }
        }
    }
    .event-flexbox{
        display: flex;
        gap: 60px;
        padding-bottom: 60px;
        .event-image{
            width: 50%;
            img{
                width: 100%;
            }
        }
        .event-info {
            width: 50%;
        }
    }
    .back-bar{
        background-color: var(--background-color);
        padding: 10px 60px;
        .width-wrapper{
            display: flex;
            gap: 40px;
            align-items: center;
            justify-content: center;
            a{
                color: var(--light-green-color);
                font-weight: 500;
                font-size: 22px;
                display: flex;
                align-content: center;
                align-items: center;
                gap: 5px;
                min-width: fit-content;
                span{
                    position: relative;
                    left: 0;
                    transition: .15s linear all;
                }
                &:hover{
                    span{
                        left: -15px;
                    }
                }
            }
        }
    }
}

/* About Page */
.page-208 {
    .main{
        .intro-row{
            padding-bottom: 60px;
            .two-col-row {
                display: flex;
                align-items: flex-start;
                gap: 60px;
                flex-wrap: wrap;
                justify-content: center;
                .text {
                    width: 70%;
                    flex-grow: 1;
                }
                .image {
                    width: 15%;
                    flex-grow: 1;
                    max-width: 500px;
                    /* padding: 50px; */
                    .image-caption {
                        text-align: center;
                        padding-top: 0px;
                        margin: 0;
                        font-weight: 400;
                        font-style: italic;
                    }
                }
                &.reverse-order{
                    flex-direction: row-reverse;
                    padding-top: 60px;
                    .text{
                        width: 55%;
                        flex-grow: unset;
                    }
                    .image{
                        width: 40%;
                        padding: 0;
                        flex-grow: unset !important;
                        max-width: unset;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
        }
        .partners-section{
            background-color: var(--background-color);
            padding: 60px 0;
            position: relative;
            .width-wrapper{
                position: relative;
                z-index: 999;
                .about-rows{
                    margin-top: 60px;
                    display: flex;
                    flex-direction: column;
                    gap: 50px;
                    .row{
                        display: flex;
                        flex-wrap: wrap;
                        flex-direction: row;
                        align-items: flex-start;
                        gap: 40px;
                        .image{
                            width: 30%;
                            display: flex;
                            flex-direction: column;
                            img{
                                border-radius: 25px;
                            }
                            .image-caption{
                                text-align: center;
                                margin: 10px 0 0 0;
                                font-weight: 400;
                                font-style: italic;
                                font-size: 16px;
                            }
                        }
                        .text{
                            width: 67%;
                            flex: 1 1 550px;
                        }
                    }
                }
            }
            img.bottom-graphic {
                position: absolute;
                bottom: 0;
                width: 100%;
            }
            .bf-graphic-right {
                position: absolute;
                right: 90px;
                top: 60px;
            }
            .bf-graphic-left {
                position: absolute;
                left: 20px;
                transform: rotateY(180deg);
                top: 200px;
            }
        }
        .partener-logo-section{
            padding: 60px 0;
            .logo-grid {
                padding-top: 20px;
                display: flex;
                justify-content: center;
		align-items: center;
                justify-items: center;
                flex-wrap: wrap;
		gap: 10px;
                > img, a {
                    width: 21%;
                    max-height: 125px;
                    object-fit: contain;
		    height: fit-content;
		    width: fit-content;
                }
            }
        }
        .areas-section{
            padding: 60px 0;
            h3{
                text-align: center;
            }
            .images-row {
                display: grid;
                grid-template-columns: 1fr 2fr 1fr;
                align-items: center;
                gap: 85px;
                img{
                    width: 100%;
                }
            }
        }

    }
}


/* Contact Us Page */
.page-261 {
    .contact-content{
        padding-bottom: 60px;
        .width-wrapper {
            display: flex;
            gap: 60px;
            align-items: flex-start;
            .form-col {
                width: 65%;
            }
            .info-col {
                width: 25%;
                background: #265E3C1A;
                padding: 45px 45px 130px 45px;
                margin-top: 100px;
                box-sizing: border-box;
                position: relative;
                .text-container{
                    position: relative;
                    z-index: 9999;
                }
                img{
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    opacity: .2;
                }
            }
        }
    }
}


/* Flyers & Newsletters Page */
.page-458 {
	.text-container {
		p > a {
			font-size: inherit !important;
			margin: inherit !important;
		}
	}
}


/* Events Page */
.page-330 {
    .main{
        .events-grid-container{
            .event-card-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
                gap: 60px 140px;
                padding-bottom: 60px;
                .event{
                    h4{
                        margin-top: 10px;
                    }
                    h5{
                        margin: 10px 0 5px 0;
                    }
                    a{
                        color: var(--orange-color);
                        font-weight: 500;
                        font-size: 18px;
                        display: flex;
                        align-content: center;
                        align-items: center;
                        gap: 5px;
                        span{
                            position: relative;
                            right: 0;
                            transition: .15s linear all;
                        }
                        &:hover{
                            span{
                                right: -15px;
                            }
                        }
                    }
                }
            }
        }
    }
}

/* Media Page */

.page-321 {
    .main{
        .media-intro {
            margin: 20px 0 90px 0;
            .media-grid {
                justify-content: center;
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                gap: 40px;
                padding-top: 20px;
                .post{
                    img{
                        width: 100%;
                    }
                    h4{
                        margin-top: 10px;
                        line-height: 32px;
                    }
                    a{
                        color: var(--orange-color);
                        text-decoration: none;
                        display: flex;
                        align-content: center;
                        align-items: center;
                        gap: 5px;
                        font-weight: 600;
                        font-size: 20px;
                        span {
                            position: relative;
                            right: 0;
                            transition: .15s linear all;
                        }
                        &:hover{
                            span {
                                right: -15px;
                            }
                        }
                    }
                }
            }
        }
        .media-kits-section{
            padding: 60px 0;
            margin-bottom: 0 !important;
            .cards-container{
                .box{
                    box-shadow: unset !important;
                }
            }
        }
    }
}

/* Community / Take Action Page */
.page-271 {
	.icon-card-row .width-wrapper {
		max-width: 1100px; /* Width override for Take Action Cards */
	}
}

/* Search Page */
.search-content {
	.search-form {
		display: flex;
		margin: 20px;
		input{
			height: 60px;
			flex-grow: 1;
			min-width: fit-content;
			border: #0000004d solid 2px;
			border-radius: 5px 0 0 5px;
			padding-left: 20px;
			font-size: 18px;
		}
		button {
			margin: 0;
		}
	}
	.results-list {
		display: flex;
		flex-direction: column;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		padding-top: 60px;
		padding-bottom: 60px;
		gap: 10px;

		h4 {
		    color: var(--secondary-color);
		    &:hover {
			color: var(--orange-color);
		    }
		}
	}
}

@media only screen and (max-width: 1450px) {
    #header{
        .hdr-inner{
            .logo-col{
                max-width: 300px;
            }
            .nav-col {
                .level-0{
                    li{
                        a{
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }
    #home-page {
        & .showcase-wrapper {
            & .showcase-inner {
                & .text-limiter {
                    h1 {
                        font-size: 45px;
                    }
                }
            }
        }
    }
    #footer {
        & .ftr-top {
            & .ftr-inner {
               & .ftr-logo{
                max-width: 200px;
               }
            }
        }
    }
}

@media only screen and (max-width: 1430px) {
    #home-page{
        .impact-section{
            .impact-background{
                background: unset !important;
                .text-limiter{
                    max-width: 100% !important;
                    &::before{
                        display: none;
                    }
		    .impact-items {
		        display: flex;
		        flex-wrap: wrap;
		        justify-items: center;
			.item {
			    display: flex;
			    flex-direction: column;
			    align-items: center;
			}
	    	    }
                }
            }

        }
    }

}

@media only screen and (max-width: 1325px) {
    #home-page {
        & .main {
            & .home-boxes {
                & .boxes-container {
                    .box {
                        width: 43%;
                    }
                }
            }
            & .events-map-section{
                & .width-wrapper{
                    flex-direction: column;
                    & .events-col {
                        width: 100%;
                    }
                    & .map-col {
                        width: 100%;
                        margin-top: 30px;
                    }
                }
            }
        }
    }
    #footer {
        & .ftr-top {
            .ftr-inner {
                flex-direction: column;
            }
        }
    }
    .back-bar{
        .width-wrapper{
            img{
                max-width: 30%;
            }
        }
    }
}

@media only screen and (max-width: 1265px) {
    #header {
        .hdr-inner {
            .nav-col{
                .mobile-nav-toggle{
                    display: block;
                    font-size: 29px;
                }
                .level-0{
                    position: absolute;
                    flex-direction: column;
                    z-index: 9999;
                    background: #fff;
                    right: 0;
                    top: 99px !important;
                    display: none !important;
                    cursor: pointer;
                    &.active{
                        display: flex !important;
                    }
                    li{
                        padding: 0 20px !important;
                    }
                    .parent-tab{
                        flex-wrap: wrap;
			.material-symbols-outlined {
			    width: 30px;
			}
                        .level-2{
                            position: relative !important;
			    display: none;
                            left: 0;
			    top: 0;
                            width: 100%;
                            bottom: 0 !important;
                            padding-top: 10px;
			    padding-bottom: 10px;
                            height: 0;
			    align-items: center;
			    height: 28px;
                            &.active-child{
                                height: auto;
				display: block;
				li {
				    margin-bottom: 10px;
				}
                            }
                        }
                    }
                }
            }
        }
    }
    .page-261 {
        .contact-content {
            .width-wrapper {
                flex-direction: column;
                gap: 30px;
                .form-col{
                    width: 100%;
                }
                .info-col{
                    width: 350px;
                    max-width: 100%;
                    margin-top: 0;
                }
            }
        }
    }

}

@media only screen and (max-width: 1150px) {


    #inside-page {
        .main{
            .row-text-container {
                .text-image-row{
                    flex-direction: column !important;
                    /* // padding-top: 60px !important; */
                    gap: 30px;
                    .row-text{
                        width: 100% !important;
                    }
                    .row-img {
                        width: 100% !important; 
                    }
                }
            }
        }
    }

    .page-208{
        .main{
            .two-col-row{
                    flex-direction: column !important;
                    &.revers-order{
                        flex-direction: column-reverse !important;
                    }
                    > div {
                        width: 100% !important;
                    }
            }
        }
    }

}


            




@media only screen and (max-width: 1000px) {
    #home-page {
        & .main {
            & .home-boxes {
                & .boxes-container {
                    .box {
                        width: 100%;
                    }
                }
            }
         & .events-map-section {
            & .width-wrapper {
                & .events-col {
                    & .event-col-inner {
                        & .event{
			    min-width: fit-content;
                            & .title-container{
                                & .date{
                                    width: 55px;
                                    height: 55px;
                                    & .month {
                                        font-size: 16px;
                                    }
                                }
                                & .details{
				    width: 100%;
                                    h5{
                                        font-size: 22px;
                                    }
                                    & .details-container {
                                        flex-direction: column;
                                        gap: 5px;
					align-items: flex-start;
                                        & .location{
                                            font-size: 16px;
                                        }
                                        & .time{
                                            font-size: 16px;
                                        }
                                    }
                                }
				.details-separator {
					display: none;
				}
                            }
                        }
                    }
                }
            }
         }   
        }
    }

    #inside-page {
        .main{
            .icon-card-row {
                .width-wrapper{
                    grid-template-columns: 1fr;
                }
            }
        }
    }

    

}




@media only screen and (max-width: 980px) {
    .page-208 {
        .partners-section {
            .row{
                .image{
                    width: 100% !important;
                }
            }
        }
    }
}


@media only screen and (max-width: 800px) {
    h2{
        line-height: 50px;
    }
    .width-wrapper, .slim-width-wrapper {
        padding: 0 30px;
    }
    #header{
        .hdr-inner{
            padding: 0 30px;
        }
    }
    #home-page {
        .showcase-wrapper{
            .showcase-inner {
                .text-background{
                    width: 100%;
                    &::before{
                        display: none !important;
                    }
                }
                .text-limiter{
                    max-width: 100%;
                    padding: 0 30px 0 0;
                    .buttons-container{
                        gap: 10px;
                        a{
                            padding: 15px 25px !important;
                            font-size: 16px !important;
                        }
                    }
                }
            }
        }
    }
    #inside-page {
        & .showcase-wrapper {
            & .showcase-inner {
                .text-container {
                    top: 25%;
                }
            }
        }
         & .icon-card-row {
            & .cards-container {
                &.cols-2 {
                    grid-template-columns: 1fr;
                }
            }
        }
    }
    
    .page-208 {
        & .main {
            & .intro-row {
                .two-col-row {
                    gap: 0px;
                }
            }
            & .partener-logo-section {
                & .logo-grid {
                    > img, a {
                        width: 45%;
                        max-height: 125px;
                        object-fit: contain;
                    }
                }
            } 
        }
    }
    #header {
        & .hdr-inner {
            padding: 15px 30px;
            & .nav-col {
                .level-0 {
                    width: 100%;
		    top: auto;
                }
            }
        }
    }
    #footer {
        & .ftr-info {
            .width-wrapper {
                flex-direction: column;
                
                > div{
                    width: 100% !important;
                    justify-content: center;
                    img{
                        width: 40% !important;
                    }
                }
            }
        }
    }

    .event-details{
        .event-flexbox{
            flex-direction: column;
            gap: 30px !important;
            .event-info, .event-image{
                width: 100% !important;
            }
        }
    }
    .back-bar{
        padding: 20px 30px !important;
        img{
            display: none;
        }
    }


}

@media only screen and (max-width: 500px) {
    #home-page {
	.event .link-arrow {
	    display: none;
	}
    }
}

@media only screen and (max-width: 450px) {


    #inside-page {
        & .showcase-wrapper {
            & .showcase-inner {
                & .text-container {
                    h1 {
                        font-size: 48px !important;
                    }
                }
            }
        }
    }
}

/* Box Animations */

.reveal-box{
    position: relative;
    top: 30px;
    opacity: 0;
    transition: .35s ease-in all;
    &.is-visible{
        opacity: 1;
        top: 0;
    }
}