/*
Theme Name: EYF
Theme URI: 
Author: Developer
Author URI: 
Description: A custom WordPress theme for EYF with Animate.css, Splide.js, and Bootstrap.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eyf
11: Tags: custom-background, custom-logo, custom-menu, featured-images
*/

/* Structural and Presentation Classes */

.hero-bg-layer {
    background-image: url('images/section1-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.1);
    top: 0;
    left: 0;
}

.hero-text-img {
    max-width: 500px;
}

.hero-svg-container svg {
    max-width: 100%;
    height: auto;
    overflow: visible;
}

.about-bg-text-override {
    font-size: 15rem;
    top: 0;
    left: 10%;
    transform: translateY(-50%);
    white-space: nowrap;
    z-index: 2;
    font-family: 'Outfit', sans-serif;
    color: #fff;
    pointer-events: none;
    mix-blend-mode: overlay;
}

.service-img {
    object-fit: cover;
    height: 600px;
    opacity: 0.3;
}

.mission-img {
    height: 500px;
    transform: translateX(5%);
}

.news-img {
/*     height: 200px; */
    object-fit: cover;
}

.news-no-img {
    height: 200px;
}

.split-card-link {
    height: 300px;
}

/* Service Section Enhancements */
#service {
    background-color: #2b2825 !important;
    /* Specific dark brown/grey from design */
}

.service-title-num {
    font-size: 0.8rem;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    top: 2rem;
    left: 1.5rem;
    letter-spacing: 0.2rem;
    opacity: 0.7;
}

.service-card-border {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.service-card-border:last-child {
    border-right: none;
}

.service-main-title {
    font-size: 2rem;
    letter-spacing: 0.05em;
}

.service-title-dot {
    font-size: 0.9rem;
    vertical-align: middle;
    margin-right: 0.25rem;
    color: #fff;
}

.service-sub-text {
    max-width: 600px;
    line-height: 1.8;
}

.service-item-title {
    border-bottom: 1px solid #fff;
    padding-bottom: 1rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.service-card-arrow {
    height: 14px;
    width: auto;
    opacity: 0.8;
    transition: transform 0.3s ease;
}

.service-card:hover .service-card-arrow {
    transform: translateX(8px);
}

.btn-inverted span:last-child {
    transition: transform 0.3s ease;
}

.btn-inverted:hover span:last-child {
    transform: translateX(4px);
}

/* Removed outdated News Section styles - handled via home.php and main.css */


/* Edge-to-edge grid from within a padded container */
.mission-section {
    background-color: #2b2825;
}

.mission-content-box {
    background-color: #2b2825;
    z-index: 10;
}

@media (min-width: 992px) {
    .mission-section .row {
        min-height: 800px;
    }

    .mission-text-col {
        display: flex;
        align-items: flex-end;
        /* Push to the very bottom */
        justify-content: flex-end;
        z-index: 10;
        min-height: 800px;
        /* Match section height to push content down */
    }

    .mission-content-box {
        margin-right: -100px;
        width: 120%;
        padding: 5rem !important;
        /* Restore normal padding */
        margin-bottom: 0px;
        /* Ensure it stays right on the bottom */
    }

    .mission-img-col {
        height: 100%;
        min-height: 100%;
    }

    .mission-img-main {
        width: 100%;
        height: 100%;
        min-height: 800px;
        object-fit: cover;
    }
}
.custom-logo-link img{
	width:60px;
	height:60px;
}