/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


a{
	text-decoration:none;
}

/* Homepage Testimonial Section */
/* Hide all testimonials by default */
.testimonial-item {
    display: none;
    position: relative;
}

/* Show the active testimonial */
.testimonial-item.active {
    display: block;
}

/*Team Member Section - Homepage*/
.member-photo {
    position: relative;
    overflow: hidden; 
}

.member-photo:before {
    content: "";
    background-image: var(--wpr-bg-c387c4ca-0070-40cf-aadf-4b77b8c42d51);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    z-index: 0;
    position: absolute;
    top: -10px;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(100% + 20px); 
    transition: background-position 0.3s ease, transform 0.3s ease !important;
    pointer-events: none;
}

.member .gb-container {
    transition: background-position 0.5s ease-in-out;
}

.member:hover .gb-container {
    background-position: center top;
}


.member:hover .member-photo:before {
    transform: translateY(-10px);
}

/*Header*/
/* Sticky Header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 999; 
    background-color: #ffffff; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}
#masthead {
	padding: 28px 15px 28px 15px;
	opacity: 0px;

}
#masthead .inside-header{
	margin:0 auto;
	padding:0;
	
}

#masthead .site-logo img {
	height: 42px !important;
	width: 233.01px !important;
	padding: 0 !important;
}

#masthead .inside-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

#masthead .site-logo {
    flex: 1;
}

.header-widget {
    flex: 1; 
    text-align: right; 
}

#masthead nav li a {
	font-family: Bebas Neue;
	font-size: 18px;
	line-height: 18px;
	text-align: left;
	color: #000000;
}

#masthead nav li a:hover {
	color: #CF2E2E;
}

#menu-item-54{
	display:none;
}

/*Meet Our Sponsors Homepage section*/
.gb-headline-716aabab {
    border-bottom: 2px solid #F5F5F5;
    position: relative; 
    padding-bottom: 10px;
}

.gb-headline-716aabab::before {
    content: "";
    position: absolute;
    top: 100%;
    width: 100px;
    height: 0;
    border-bottom: 3px solid #CF2E2E;
    left: 50%;
    transform: translateX(-50%);
}

/*Your First Steps to connection and growth Homepage section*/
.team-step > .gb-container:first-of-type {
    border-bottom: 2px solid #F5F5F5;
    position: relative; 
    padding-bottom: 10px;
}

.team-step > .gb-container:first-of-type::before {
    content: "";
    position: absolute;
    top: 100%;
    width: 100px;
    height: 0;
    border-bottom: 3px solid #CF2E2E;
    left: 0; 
    transform: none; 
	transition: width 0.5s ease;
}

.team-step:hover > .gb-container:first-of-type::before {
    width: 100%;
}

.team-step > .gb-container:first-of-type .icon-base {
    transition: background 1s ease;
}

.team-step:hover > .gb-container:first-of-type .icon-base{
	background: linear-gradient(270deg, #FF8D8D 0%, #BC3537 100%);
}

/*Homepage Page Hero*/
.count {
    border-bottom: 2px solid #A8A8A8;
    position: relative;
    padding-bottom: 10px;
}

.count:before {
    content: "";
    position: absolute;
    top: 99%;
    width: 50px;
    height: 0; 
    border-bottom: 3px solid #FFFFFF;
    left: 50%; 
    transform: translateX(-50%);
}

.gb-container-14840a80 {
    background-image: var(--wpr-bg-8099afab-981e-4ea4-8ab8-6ecbbaadd1e3);
    background-size: cover; /* Ensure the image covers the container */
    background-position: center; /* Center the image */
    background-repeat: no-repeat;

    /* Apply blur effect */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    /* Add gradient overlay */
    position: relative;
    z-index: 1;
}

.gb-container-14840a80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    z-index: -1;
}




/* Footer Mailchimp */
.mc4wp-form-fields > p {
	display: flex;
	align-items: center; 
	width: 375px; 
	height: 42px; 
	margin: 0; 
	padding: 0; 
	margin-bottom: 10px;
}

.mc4wp-form-fields > p input[type="email"] {
	flex: 1;
	height: 42px; 
	padding: 10px;
	border-radius: 3px 0px 0px 3px;
	border: 1px solid #ccc;
	box-sizing: border-box; 
	font-size: 14px; 
}

.mc4wp-form-fields > p input[type="email"]::placeholder {
	color: black; 
	opacity: 1;
}

.mc4wp-form-fields > p input[type="submit"] {
	width: 150px;
	height: 42px; 
	padding: 12px 20px;
	border-radius: 0px 3px 3px 0px;
	border: none; 
	opacity: 1;
	background: #222222; 
	color: white;
	font-weight: bold;
	cursor: pointer; 
	font-family: Bebas Neue;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	text-underline-position: from-font;
	margin-right:10px;
}

.mc4wp-form-fields p label input[type="checkbox"] {
	margin-right: 10px; 
}

.mc4wp-form-fields p label {
	font-size: 14px;
	font-weight: 400;
	line-height: 19.07px;
	text-align: left;
	text-underline-position: from-font;
	color: #FFFFFF;
}

/* Tablet Header Styling */
@media (max-width: 1024px) {
    #masthead {
        padding: 15px 10px; /* Reduce padding for tablets */
    }
    
    #masthead .site-logo img {
        height: 32px !important; /* Smaller logo for tablets */
        width: 150px; /* Maintain aspect ratio */
    }

    #masthead .inside-header {
        flex-direction: row; /* Ensure items align in a row */
        justify-content: space-between;
    }

    .header-widget {
        flex: 0.5; /* Adjust widget size */
        text-align: center; /* Center align widgets */
    }

    #masthead nav li a {
        font-size: 16px; /* Slightly smaller font for tablets */
        text-align: center;
        padding: 10px 8px; /* Adjust menu padding */
    }

    #masthead nav {
        display: flex;
        justify-content: center;
    }

    #menu-item-54 {
        display: none; /* Ensure this remains hidden */
    }
}

@media (max-width: 768px) {	
	.gb-container-14840a80 {
		background-image: var(--wpr-bg-344d51fb-ade1-4526-a3cb-88f9c077dff6);
		background-size: cover; /* Ensure the image covers the container */
		background-position: center; /* Center the image */
		background-repeat: no-repeat;

		/* Apply blur effect */
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);

		/* Add gradient overlay */
		position: relative;
		z-index: 1;
	}

	.gb-container-14840a80::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
		z-index: -1;
	}
    #mobile-header {
        padding: 28px 15px 28px 15px;
    }

    .navigation-branding img, 
    .site-logo.mobile-header-logo img {
        height: 24px !important;
        width: 139.81px !important;
        padding: 0 !important;
    }

    .site-logo.mobile-header-logo img {
        width: 139.81px;
        height: 24px;
        opacity: 0px;
        padding: 0;
    }

    .icon-menu-bars {
        width: 16px;
        height: 14px;
        animation-timing-function: linear;
        animation-duration: 150ms;
        color: #CF2E2E;
    }

    .icon-menu-bars svg {
        width: 16px;
        height: 14px;
        animation-timing-function: linear;
        animation-duration: 150ms;
        color: #CF2E2E;
    }

    .icon-menu-bars svg path {
        stroke-width: 30; 
        stroke: #CF2E2E;
    }

    #menu-primary-menu-1 li {
        font-family: Bebas Neue;
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
        color: #000000;
    }
	
	#menu-primary-menu-1 li a:hover {
	color: #CF2E2E;
	}


    .menu-item-54 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 30px;
        margin-top: 15px;
        border-top: 2px solid #F5F5F5;
    }

    .menu-item-54::before {
        content: "";
        position: absolute;
        top: -3px;
        width: 100px; 
        height: 0;
        border-top: 3px solid #CF2E2E; 
        left: 50%; 
        transform: translateX(-50%); 
    }

    .menu-item-54 a {
        display: flex;
        justify-content: center;
        align-items: center; 
        width: 372px;
        height: 42px;
        padding: 0; 
        border-radius: 5px;
        background-color: #CF2E2E;
        color: #FFFFFF !important; 
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1px;
        opacity: 1;
        transition: background-color 0.3s ease;
    }

    .menu-item-54 a:hover {
        background-color: #970303;
    }
	
	/*Member Carousel Section*/
	.slick-dots li button {
		background: #D9D9D9 !important; 
		border-radius: 50px;
		width: 14px;
		height: 14px;
		opacity: 0.25;
	}
	
	.slick-dots li[role="presentation"] button {
		background: #D9D9D9 !important;
		border-radius: 50px;
		width: 14px;
		height: 14px;
		opacity: 0.25;
	}
	.slick-dots li.slick-active button {
		background: #970303 !important;
		border-radius: 50px;
		width: 14px;
		height: 14px;
		opacity: 1;
	}
	.slick-dots li button:before {
		content: none !important;
	}

}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	#mc4wp-form-1 {
		display: none;
	}
}