/* =================================================
   FOOTER CTA SECTION
================================================= */

.admission-section {
    background: #2e5c55;
    padding: 80px 0;
}

.admission-container {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
}

/* Left */

.admission-left {
    flex: 1;
    color: #ffffff;
}

.admission-left h2 {
    font-family: 'Faculty Glyphic', serif;
    font-size: 40px;
    margin-bottom: 25px;
}

.admission-left p {
    font-size: 18px;
    line-height: 1.8;
    max-width: 420px;
}


/* Fluent Form Styling */
form.fluent_form_1 button.ff-btn-submit:not(.ff_btn_no_style) {
	width: 100%;
    background-color: #2E6A66 !important; /* 👈 FIX */
    color: #ffffff;
    padding: 14px 28px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    border-radius: 0; /* already works */
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover */
form.fluent_form_1 button.ff-btn-submit:not(.ff_btn_no_style):hover {
    background-color: #2E6A66 !important;
    color: #ffffff;
}
/* Remove border radius from Fluent Forms inputs */
.ff-default .ff-el-form-control {
    border-radius: 0 !important;
}
/* Right Form Card */

.admission-right {
    flex: 1;
    background: #ffffff;
    padding: 50px;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

/* =================================================
   FOOTER CTA IMAGE SECTION
================================================= */

.cps-footer-cta-section {
    background: #E8EFEE;
    padding: 80px 0;
}

.cps-footer-cta-box {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    background-image: url("http://localhost/creativeps/wp-content/uploads/2026/02/footer-img1.png");
    background-repeat: repeat-x;
    background-position: bottom center;
    background-size: contain;
    padding: 80px 60px 280px;
    border-bottom: 8px solid #f57c00;
}

.cps-footer-cta-content h2 {
    font-family: 'Faculty Glyphic', serif;
    font-size: 52px;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #000;
}

.cps-footer-cta-btn {
    display: inline-block;
    padding: 14px 28px;
    background: #2E6A66;
    color: #fff;
    text-decoration: none;
}

/* =================================================
   FOOTER MAIN SECTION
================================================= */

.cps-footer-main-section {
    background: #E8EFEE;
    padding: 0 0 60px;
    font-size: 14px;
}

.cps-footer-inner {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
}

/* Top */

.cps-footer-top {
    display: flex;
    justify-content: space-between;
    gap: 60px;
}

.cps-footer-brand img {
    max-width: 160px;
    margin-bottom: 100px;
}

.cps-footer-brand p,
.cps-footer-brand a {
	font-size: 18px;
    display: block;
    margin-bottom: 8px;
    color: #1d1d1d;
    text-decoration: none;
}

/* =================================================
   INSTAGRAM FOLLOW SECTION (FINAL)
================================================= */

.cps-footer-instagram {
    display: flex;
    align-items: center;
}

.cps-footer-insta-text {
	font-weight:500;
    font-size: 24px;
    color: #1d1d1d;
    white-space: nowrap;
	padding-right: 40px;
}

/* Images pushed to RIGHT on desktop */
.cps-footer-insta-grid {
    display: flex;
    gap: 15px;
    margin-left: auto;
}

.cps-footer-insta-grid img {
    width: 150px;
    height: 190px;
    object-fit: cover;
}

/* =================================================
   DIVIDER
================================================= */

.cps-footer-divider {
    border: none;
    border-top: 1px solid #d6e2de;
    margin: 60px 0;
}

/* =================================================
   FOOTER BOTTOM GRID
================================================= */

.cps-footer-bottom {
    display: grid;
    grid-template-columns: repeat(3, 180px) 1fr;
    column-gap: 30px;
    align-items: start;
}

.cps-footer-links a {
	font-size: 13px;
    display: block;
    margin-bottom: 10px;
    color: #1d1d1d;
    text-decoration: none;
}

/* Social */

.cps-footer-social {
    justify-self: end;
    display: flex;
    gap: 16px;
}

.cps-footer-social img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.cps-footer-social a:hover img {
    opacity: 0.85;
}

/* =================================================
   COPYRIGHT
================================================= */

.cps-footer-copy-only {
    width: 100%;
    margin-top: 50px;
    padding: 20px 0;
    font-size: 14px;
    color: #1d1d1d;
    white-space: nowrap;
}

/* =================================================
   MOBILE RESPONSIVE (CENTER ALIGN)
================================================= */

@media (max-width: 789px) {

    .admission-container {
        flex-direction: column;
        gap: 50px;
        text-align: center;
    }

    .admission-left h2 {
        font-size: 32px;
    }

    .admission-right {
        width: 100%;
        padding: 30px;
    }

    .cps-footer-cta-box {
        padding:0 30px 120px;
        background-size: auto 100px;
        text-align: center;
    }

    .cps-footer-cta-content h2 {
        font-size: 32px;
    }

    .cps-footer-top {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 40px;
    }

    /* Instagram – center on mobile */
    .cps-footer-instagram {
        flex-direction: column;
        align-items: center;
        gap: 15px;
        text-align: center;
    }

    .cps-footer-insta-grid {
        margin-left: 0;
        justify-content: center;
    }

    .cps-footer-insta-grid img {
        width: 90px;
        height: 90px;
    }

    .cps-footer-bottom {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 25px;
    }

    .cps-footer-social {
        justify-self: center;
        justify-content: center;
    }
    .cps-footer-brand img {
        max-width: 120px;     /* smaller logo for mobile */
        margin-bottom: 0;  /* reduce huge gap */
    }


    .cps-footer-copy-only {
        text-align: center;
        white-space: normal;
        margin-top: 40px;
    }
}