/*
Theme Name: Quicklaunch
Theme URI:
Author: Quicklaunch Ltd
Author URI: https://www.quicklaunch.co.uk/
Description: Parent theme.
Version: 1.0
*/


/* Navigation */

nav {}

.is-sticky {
	position: fixed;
	width: 100%;
	z-index: 999;
}

/* Remove spacing for sections  */
.vc_section {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.bgimg .vc_column-inner {
	height: 100%;
	min-height: 300px;
}

/*  */

/* TEAM SLIDER */
/********************************************
 * IPJ TEAM SLIDER LAYOUT FIXED VERSION
 ********************************************/

/* Wrapper structure */
.ipj-team-slider-wrapper {
    width: 100%;
    position: relative;
}

/* Force entire slide row to equal height */
.ipj-team-slider-wrapper .row {
    display: flex;
    align-items: stretch;
}

/* Minimum height for a slide */
.ipj-team-text-slide,
.ipj-team-image-slide {
    min-height: 480px; /* Adjust as needed */
}

/*===============================
  LEFT COLUMN: TEXT SLIDER
===============================*/

.ipj-team-text-slider {
    height: 100%;
}

.ipj-team-text-slide {
    height: 100%;
    padding: 2% 2% 2% 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Slider controls */
.ipj-team-controls {
    margin-top: 30px;
}

.ipj-team-controls button {
    background: #fff;
    border: none;
    padding: 10px 18px;
    margin-right: 8px;
    font-size: 18px;
    cursor: pointer;
}

/*===============================
  RIGHT COLUMN: IMAGE SLIDER
===============================*/

/*
 * The trick:
 * - The image column must extend to the right edge of the screen.
 * - We remove container padding influence by shifting the image area.
 * - width: calc(50vw + X%) ensures the visual width equals 50% viewport.
 * - margin-left fixes alignment inside container.
 */

.ipj-team-image-slider {
    height: 100%;
    width: calc(50vw - 20px);
}

/* Image slide = full-height background image */
.ipj-team-image-slide {
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

/* Ensure image column matches text column height */
.col-lg-6.position-relative {
    display: flex;
    align-items: stretch;
}

.ipj-team-image-slider .slick-track,
.ipj-team-image-slider .slick-list {
    height: 100% !important;
}

/* Ensure Slick inside text column also matches height */
.ipj-team-text-slider .slick-track,
.ipj-team-text-slider .slick-list {
    height: 100% !important;
}

/************************************
 * RESPONSIVE TWEAKS
 ************************************/
@media (max-width: 991px) {

    /* Reset full-bleed behaviour on mobile */
    .ipj-team-image-slide {
        width: 100%;
        margin-left: 0;
    }

    .ipj-team-text-slide {
        padding: 40px 0;
    }
}

/************************************
 * IPJ TEAM SLIDER — MOBILE LAYOUT FIX
 ************************************/
@media (max-width: 991px) {

    /* IMAGE FIRST ON MOBILE */
    #ipj-team-slider .col-lg-6:nth-child(2) { order: 1; }
    #ipj-team-slider .col-lg-6:nth-child(1) { order: 2; }

    /* Ensure slider containers expand */
    .ipj-team-image-slider {
        width: 100% !important;
        margin: 0 !important;
        height: auto !important;
    }

    /* CRITICAL FIX: give image slides a real height */
    .ipj-team-image-slide {
        height: 260px !important;
        min-height: 260px !important;
        background-size: cover;
        background-position: center;
    }

    /* Force Slick to adopt the slide height */
    .ipj-team-image-slider .slick-list,
    .ipj-team-image-slider .slick-track {
        height: 260px !important;
        min-height: 260px !important;
    }

    /* Text slides adapt normally */
    .ipj-team-text-slide {
        padding: 30px 0 !important;
        height: auto !important;
        min-height: auto !important;
    }

    /* Controls under text */
    .ipj-team-controls {
        margin-top: 20px !important;
    }
}


/************************************
 * IPJ TEAM SLIDER — CORRECT COLUMN ORDER
 ************************************/
@media (max-width: 991px) {

    /* Target the two columns INSIDE the slider wrapper */
    #ipj-team-slider .ipj-team-text-col {
        order: 2 !important; /* text second */
    }

    #ipj-team-slider .ipj-team-image-col {
        order: 1 !important; /* image first */
    }
}