/*
Theme Name: Kameleon Child Theme Master
Theme URI: https://www.kameleonagency.com/
Description: Kameleon Child Theme Master is a child theme of Kameleon Parent Theme
Author: Kameleon Group Ltd
Author URI: https://kameleonagency.com
Template: kameleon-parent-theme
Version: 1.0.1
Text Domain: kameleon-child-theme-master
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: Bare Bones, Boilerplate, Empty Theme
*/

/*
    Add your custom styles here
*/

:root {
    color-scheme: light dark;
}

/*
    Add your custom styles here
*/
/*#kam_filter_form{*/
/*    display: flex;*/
/*}*/

body {
    font-family: 'Outfit', sans-serif;
}

.input-field__wrapper select{
    width: 15rem;
}

.user-login-inline-link a{
    color: #00dea5;
}

.frm_form_field.frm_html_container.form-field {
    color: #333333;
}

.frm_form_field.frm_html_container.form-field a{
    color: #007D69;
}
.kcss .kcss_back-button {
    display: grid;
    grid-template-areas: "stacked-icon";
    align-items: center;
    justify-items: center;
    column-gap: 0.75em;
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    color: #007D69;
    text-decoration: underline;
    text-decoration-color: #007D69;
    width: fit-content;
    grid-auto-flow: column;
}

.kcss .kcss_back-button {
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.kcss .kcss_back-button_text {
    /*grid-area: button-text;*/
}

.kcss .kcss_back-button:before {
    content: '';
    display: block;
}


/**********************************
***********************************
*
*
KCMS Archive Widget
*
*
***********************************
***********************************/

.kcss .kcss_results-wrapper {
    --kcss-archive-spacing: var(--kcss-clamp-smd, 1.85em);
    --kcss-archive-img-placeholder-width: var(--kcss-clamp-xl, 3em);
    display: flex;
    flex-direction: column;
    gap: var(--kcss-archive-spacing);
}

.kcss .kcss_card-wrapper {
    --kcss-post-card-border-radius: var(--kcss-global-border-radius, 0.2rem);
    --kcss-post-card-border-radius-tl: var(--kcss-post-card-border-radius);
    --kcss-post-card-border-radius-tr: var(--kcss-post-card-border-radius);
    --kcss-post-card-border-radius-br: var(--kcss-post-card-border-radius);
    --kcss-post-card-border-radius-bl: var(--kcss-post-card-border-radius);

    --kcss-post-card-border-width: calc(var(--kcss-root-size, 1)* .1rem);
    --kcss-post-card-border-style: solid;
    --kcss-post-card-border-color: rgba(0,0,0,0);
    --kcss-post-card-hover-border-color: rgba(0,0,0,0.3);
    --kcss-post-card-active-border-color: rgba(0,0,0,0.2);
    --kcss-post-card-active-hover-border-color: rgba(0,0,0,0.2);

    border: var(--kcss-post-card-border-width)
    var(--kcss-post-card-border-style)
    var(--kcss-post-card-border-color, rgba(0,0,0,0));
    padding-block-start: var(--kcss-clamp-smd, 1.85em);
    padding-block-end: var(--kcss-clamp-smd, 1.85em);
    padding-inline-start: var(--kcss-clamp-smd, 1.85em);
    padding-inline-end: var(--kcss-clamp-smd, 1.85em);
    row-gap: var(--kcss-archive-spacing);
    column-gap: var(--kcss-archive-spacing);
    background-color: var(--e-global-color-1526bd2);
    border-radius:  var(--kcss-post-card-border-radius-tl)
    var(--kcss-post-card-border-radius-tr)
    var(--kcss-post-card-border-radius-br)
    var(--kcss-post-card-border-radius-bl);
    display: grid;
    grid-template-columns: var(--kcss-archive-img-placeholder-width) auto;
    transition: all 0.25s ease-in-out
}

.kcss .kcss_card-wrapper:hover {
    cursor: pointer;
    --kcss-post-card-border-color: var(--kcss-post-card-active-border-color);
}

.kcss .kcss_card-wrapper:focus-within {
    outline: var(--kcss-focus-outline-width, 0.2rem) var(--kcss-focus-outline-style, solid) var(--kcss-focus-outline-color, var(--e-global-color-accent));
}

.kcss .kcss_card-wrapper:focus-within a {
    outline: none;
}

.kcss .kcss_card-image-wrapper svg {
    max-width: var(--kcss-archive-img-placeholder-width);
}

.kcss_alumni-name {
    font-size: 24px;
    font-weight: 400;
    color: #003B3C;
}

.kcss_pagination-wrapper.pagination {
    margin-top: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Outfit', sans-serif;
}

.kcss_pagination-wrapper .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 35px;
    padding: 0 10px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: #1a202c;
    background: #ffffff;
    border: 1px solid #003B3C;
    border-radius: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.kcss_pagination-wrapper .page-numbers.current {
    background: #003B3C;
    color: #ffffff;
    border-color: #003B3C;
}

.kcss_pagination-wrapper .page-numbers:hover:not(.current):not(.dots) {
    background: #f0f4f8;
    border-color: #00dea5;
}

.kcss_pagination-wrapper .page-numbers.dots {
    border: none;
    background: transparent;
    cursor: default;
    min-width: 30px;
    font-weight: 700;
    letter-spacing: 2px;
}

/* Previous/Next Arrow Buttons */
.kcss_pagination-wrapper .page-numbers.prev,
.kcss_pagination-wrapper .page-numbers.next {
    font-size: 0px;
    padding: 0;
    width: 30px;
    min-width: 30px;
    border: none;
    background: transparent;
}

.kcss_pagination-wrapper .page-numbers.prev::before {
    content: "‹";
    font-size: 32px;
    font-weight: 400;
    color: #1a202c;
    display: block;
    line-height: 1;
    bottom: 5px;
}

.kcss_pagination-wrapper .page-numbers.next::before {
    content: "›";
    font-size: 32px;
    font-weight: 400;
    color: #1a202c;
    display: block;
    line-height: 1;
}

span.select2-search.select2-search--dropdown {
    display: none !important;
}

.select2-container--open .select2-dropdown.select2-dropdown--below,
.select2-container--open .select2-dropdown.select2-dropdown--above {
    border: none !important;
}

.select2-container--default .select2-results__options .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #00dea5 !important;
    color: #003B3C !important;
}

.alumni-details span {
    font-weight: 500;
    display: inline-block;
    padding-bottom: 0.5rem;
    font-size: 2rem;
}

.alumni-details span.value {
    font-weight: 300;
}

@media (max-width: 1366px) {
    .alumni-details span,
    .alumni-details span.value {
        font-size: 2rem;
    }
}

@media (max-width: 1200px) {
    .alumni-details span,
    .alumni-details span.value {
        font-size: 1.9rem;
    }
}

@media (max-width: 1024px) {
    .alumni-details span,
    .alumni-details span.value {
        font-size: 1.8rem;
    }
}

@media (max-width: 880px) {
    .alumni-details span,
    .alumni-details span.value {
        font-size: 1.7rem;
    }
}

@media (max-width: 767px) {
    .alumni-details span,
    .alumni-details span.value {
        font-size: 1.7rem;
    }
}


.kcss_pagination-wrapper .page-numbers.prev:hover,
.kcss_pagination-wrapper .page-numbers.next:hover {
    background: transparent;
    opacity: 0.7;
}

.kcss_pagination-wrapper .page-numbers.prev.disabled,
.kcss_pagination-wrapper .page-numbers.next.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.kcss_pagination-wrapper .page-numbers:focus {
    outline: 2px solid #00dea5;
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .kcss_pagination-wrapper.pagination {
        gap: 6px;
    }

    .kcss_pagination-wrapper .page-numbers {
        min-width: 40px;
        height: 40px;
        padding: 0 12px;
        font-size: 16px;
    }

    .kcss_pagination-wrapper .page-numbers.prev,
    .kcss_pagination-wrapper .page-numbers.next {
        width: 40px;
        min-width: 40px;
        font-size: 20px;
    }
}
/**********************************
***********************************
*
*
KCMS Archive Widget Filter
*
*
***********************************
***********************************/

body .kcss .input-field__wrapper .select2-container .select2-selection--single .select2-selection__rendered {
    font-family: 'Outfit', sans-serif;
}

.kcss .post-type__filters__form .grid-container {
    display: grid;
    grid-template-columns: repeat(var(--kcss-grid-column-count, 2), minmax(0, 1fr));
    padding: 1.5em;
    gap: 2.5em;
}

h5.elementor-heading-title.elementor-size-default {
    font-weight: 400;
    font-size: 25px;
}

div.elementor-button-wrapper.input-field__wrapper.search-btn__wrapper, .input-field_wrapper {
    padding: 1em;
}

div.grid-container {
    margin-top: 1em;
}

.kcss div.elementor-element.ask-filters__primary.elementor-widget.elementor-widget-heading {
    padding: 1em 0 0 1em;
}

.kcss div.filter_border {
    border: 1px solid #333333;
    border-radius: 4px;
}

.alumni-search-ask .kam_rest_filter_form .grid-container {
    --kcss-grid-column-count: 3;
}

.kcss .input-field__wrapper {
    --kcss-select-input-height: 5.2rem;
    --kcss-select2-choice-remove-width: calc(var(--kcss-select-input-height) - 12px);
    --kcss-select2-input-border-width: 1px;
    --kcss-select2-input-border-color: var(--e-global-color-border_default, #646464);
}

.kcss .input-field__wrapper .select2-container .select2-selection--multiple, .input-field__wrapper select {
    font-family: inherit;
    height: var(--kcss-select-input-height, 5.2rem);
    border: var(--kcss-select2-input-border-width, 1px) solid var(--kcss-select2-input-border-color, #646464);
    border-radius: 4px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.input-field__wrapper select {
    width: 100%;
    overflow: clip;
    color: oklch(from currentColor l 0 h / 0.5);
    line-height: 2;
    padding: 1.5rem 2rem;

    & option:nth-child(n+2) {
        display: none !important;
    }

}

.kcss .input-field__wrapper:has(#order_by) {
    --kcss-filter-sorting-font-size: 2.2rem;
    --kcss-select-2-arrow-wrapper-size: clamp(0.8rem, -0.114rem + 1.19vw, 1.6rem);
    --kcss-select-2-arrow-wrapper-size: calc(var(--kcss-filter-sorting-font-size) / 1.75);
    --kcss-select-2-arrow-stroke-width: calc(var(--kcss-select-2-arrow-wrapper-size) * .2);

    font-size: var(--kcss-filter-sorting-font-size, 2rem);
    align-self: flex-end;
    flex-direction: row;
    color: var(--e-global-color-424e07f, #003B3C);
    align-items: center;

    &:not(:has(.select2-selection__rendered)) select {
        color: oklch(from currentColor l 0 h / 0.5);
        background: transparent;
        border-color: transparent;
        overflow: unset;
        padding: 0;
        appearance: none; /* Disable the default arrow */
        -webkit-appearance: none; /* For WebKit-based browsers */
        -moz-appearance: none; /* For Firefox */
    }

    label {
        white-space: nowrap;
        color: currentColor;
    }

    .select2-selection {
        color: currentColor;
        display: inline-flex;
        flex-direction: row;
        align-self: center;
        justify-content: center;
        align-items: center;
    }

    .select2-selection__rendered {
        font-size: inherit;
        color: currentColor;
        height: auto;
    }

    &:not(:has(.select2-selection__rendered)):after {
        content: "";
        aspect-ratio: 1;
        position: relative;
        width: 100%;
        height: 100%;
        max-width: var(--kcss-select-2-arrow-wrapper-size);
        max-height: var(--kcss-select-2-arrow-wrapper-size);
    }

    .select2-selection__arrow, &:not(:has(.select2-selection__rendered)):after {
        color: currentColor;
        position: initial;
        border: solid currentColor;
        border-width: var(--kcss-select-2-arrow-stroke-width, 0);
        border-left: none;
        border-top: none;
        rotate: 45deg;
        transform-origin: center;
        align-self: center;
        margin-top: calc(var(--kcss-select-2-arrow-stroke-width) * -2);
        margin-left: 0.85em;

        &  b {
            display: none;
        }
    }
}

.kcss .select2-container .select2-search--inline .select2-search__field {
    font-family: inherit;
    margin-block-start: 0;
    vertical-align: top;
}

.kcss .input-field__wrapper .select2-container .select2-selection--multiple {
    &:has(.select2-selection__choice) {
        padding-left: 0;
    }

    .select2-selection__choice {
        padding-left: calc(var(--kcss-select2-choice-remove-width) * 1.125);
    }
    .select2-selection__choice__remove {
        height: 100%;
        width: var(--kcss-select2-choice-remove-width);
    }
}

    /*.ask-filters__primary {*/
    /*    display: contents !important;*/
    /*}*/

    .kcss .input-field__wrapper .select2-container .select2-selection__rendered {
        height: var(--kcss-select-input-height, 5.2rem);
        position: relative;
        left: 0;
    }

    .kcss .input-field__wrapper .select2 {
        width: 100% !important;
    }

    .kcss .input-field__wrapper .select2-container .select2-selection--multiple {
        height: var(--kcss-select-input-height, 5.2rem);
        border: var(--kcss-select2-input-border-width, 1px) solid var(--kcss-select2-input-border-color, #646464);
        border-radius: 4px;
        background-color: #f5f5f5;
        display: flex;
        align-items: center;
        padding: 0 16px;
        overflow: clip;
    }

    .kcss .input-field__wrapper .select2-container .select2-selection__rendered {
        color: #333333;
        line-height: 40px;
        padding-left: 0;
        font-size: 16px;
    }

    .kcss .input-field__wrapper .select2-container .select2-selection__arrow {
        right: 16px;
    }

    .kcss .input-field__wrapper span.select2-selection.select2-selection--single {
        margin: 0;
    }

    .kcss .input-field__wrapper.search-btn__wrapper,
    .kcss .input-field__wrapper:has(input[type=submit]) {
        grid-column: 2 / -1;
        display: flex;
        align-items: flex-end;
    }

    .kcss .input-field__wrapper input[type=submit], .kcss input#wp-submit.button.button-primary {
        background-color: #00dea5;
        color: #003b3c;
        font-size: 20px;
        font-weight: 500;
        padding: 10px 64px;
        border: none;
        border-radius: 50px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .kcss .input-field__wrapper input[type=submit]:hover {
        background-color: #00c4a3;
    }

    .kcss .input-field__wrapper input[type=submit]:active {
        background-color: #00b393;
    }

    /* Alumni Card Styles */
    .kcss_alumni-card {
        background: #ffffff;
        border-radius: 20px;
        overflow: visible;
        position: relative;
        padding-bottom: 40px;
    }

    .kcss_alumni-image-wrapper img {
        mask-image: url(/wp-content/uploads/2025/08/mask-shield.svg);
        justify-self: center;
        mask-repeat: no-repeat;
        mask-position: center top;
        aspect-ratio: 137/150;
        object-position: center top;
        object-fit: cover;
        margin-block-end: -3lh;
    }

    .select2-selection__rendered li {
        display: list-item;
    }

    .select2-selection__rendered li:nth-child(1):not(:last-child)::after {
        content: " + more...";
        position: relative;
        left: 2px;
        color: #888;
    }

    .select2-selection__rendered li + li {
        display: none !important;
    }



    /*.kcss_alumni-image-wrapper {*/
    /*    width: 100%;*/
    /*    height: 400px;*/
    /*    position: relative;*/
    /*    overflow: visible;*/
    /*    margin-bottom: -40px; !* Updated padding as requested *!*/
    /*}*/

    /*.kcss_alumni-image-wrapper > div {*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 50%;*/
    /*    transform: translateX(-50%);*/
    /*    width: 364px;*/
    /*    height: 400px;*/
    /*    background: #ffffff;*/
    /*    display: flex;*/
    /*    align-items: flex-start;*/
    /*    justify-content: center;*/
    /*}*/

    /*.kcss_alumni-image,*/
    /*.kcss_alumni-image-placeholder {*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    position: relative;*/
    /*}*/

    /*.kcss_alumni-image img,*/
    /*.kcss_alumni-image-placeholder img {*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    object-fit: cover;*/
    /*    object-position: center top;*/
    /*}*/

    /*.kcss_alumni-image img[src*="overlay.webp"],*/
    /*.kcss_alumni-image-placeholder img[src*="overlay.webp"] {*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    pointer-events: none;*/
    /*}*/

    /*.kcss_alumni-image-placeholder {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    background: #ffffff;*/
    /*}*/

    .kcss_alumni-content-wrapper {
        padding: 80px 30px 30px; /* Updated padding as requested */
        text-align: center;
        position: relative;
        background: transparent;
    }

    .kcss_alumni-info {
        margin-bottom: 24px;
    }

    .kcss_alumni-body .kcss_alumni-info h3.kcss_alumni-name {
        font-size: 24px;
        font-weight: 400;
        color: #1a202c;
        margin: 0 0 8px 0;
        line-height: 1.3;
        font-family: 'Outfit', sans-serif;
    }

    .kcss_alumni-company {
        font-size: 18px;
        font-weight: 600;
        color: #2d3748;
        margin-bottom: 0;
        font-family: 'Outfit', sans-serif;
    }

    @media (max-width: 768px) {
        .post-type__filters__form {
            grid-template-columns: 1fr;
            gap: 20px;
        }
    }

    @media (max-width:767px) {
        .elementor-482 .elementor-element.elementor-element-723cdd5.e-con {
            --order: 1;
        }
    }

    /* Tablet Breakpoint */
    @media (max-width: 992px) {
        /* Filter Form Responsiveness */
        .alumni-search-home .post-type__filters__form {
            grid-template-columns: 1fr 1fr !important;
            gap: 1.5em;
            padding: 1em;
        }

        .alumni-search-ask .kam_rest_filter_form .grid-container {
            grid-template-columns: 1fr 1fr;
            gap: 1.5em;
            padding: 1em;
        }

        /* Archive Card Adjustments */
        .kcss .kcss_card-wrapper {
            padding-block-start: var(--kcss-clamp-sm, 1.25em);
            padding-block-end: var(--kcss-clamp-sm, 1.25em);
            padding-inline-start: var(--kcss-clamp-sm, 1.25em);
            padding-inline-end: var(--kcss-clamp-sm, 1.25em);
            row-gap: calc(var(--kcss-archive-spacing) * 0.75);
            column-gap: calc(var(--kcss-archive-spacing) * 0.75);
        }

        .kcss .kcss_results-wrapper {
            --kcss-archive-spacing: var(--kcss-clamp-sm, 1.25em);
        }
    }

    @media screen and (max-width: 1375px) {
        .alumni-search-ask .kam_rest_filter_form {
            padding: 1.25em;
            gap: 2em;
        }
        .filter_border{
            border-style: solid;
            border-width: 1px 1px 1px 1px;
            border-color: #333333;
            border-radius: 4px 4px 4px 4px;
        }
    }

    @media screen and (max-width: 1024px) {
        .alumni-search-ask .kam_rest_filter_form .grid-container {
            grid-template-columns: repeat(2, 1fr);
            padding: 1em;
            gap: 1.5em;
        }
    }

    @media (max-width: 768px) {
        .alumni-search-home .post-type__filters__form,
        .alumni-search-ask .kam_rest_filter_form .grid-container {
            grid-template-columns: 1fr;
            gap: 1em;
            padding: 0.75em;
        }

        .kcss .input-field__wrapper.search-btn__wrapper,
        .kcss .input-field__wrapper:has(input[type=submit]) {
            grid-column: 1 / -1;
        }

        .kcss .input-field__wrapper input[type=submit],
        .kcss input#wp-submit.button.button-primary {
            width: 100%;
            padding: 10px 20px;
        }

        .kcss .kcss_card-wrapper {
            grid-template-columns: 1fr;
            padding: var(--kcss-clamp-xs, 1em);
        }

        .kcss .kcss_card-image-wrapper {
            display: flex;
            justify-content: center;
            margin-bottom: 1rem;
        }

        .kcss .kcss_results-wrapper {
            --kcss-archive-spacing: 1rem;
        }

        .alumni-search-ask .kam_rest_filter_form {
            padding: 0.9em;
            gap: 1.2em;
        }

    }


    @media (max-width: 480px) {
        .kcss .input-field__wrapper .select2-container .select2-selection--single {
            height: 45px;
        }

        .kcss .input-field__wrapper .select2-container .select2-selection__rendered {
            line-height: 45px;
            font-size: 15px;
        }

        .kcss .input-field__wrapper input[type=submit],
        .kcss input#wp-submit.button.button-primary {
            font-size: 18px;
            padding: 8px 16px;
        }

        .kcss_alumni-name {
            font-size: 20px;
        }

        .kcss .kcss_results-wrapper {
            --kcss-archive-spacing: 0.75rem;
        }

        .alumni-search-ask .kam_rest_filter_form .grid-container{
            grid-template-columns: 1fr;
            padding: 0.75em;
            gap: 1em;
        }

    }

    @media only screen and (min-width: 768px) {
        .kcss_results-wrapper.kam-posts-container {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: var(--kcss-default-gap, 3rem);
            margin: 1rem auto;
        }
    }

    @media only screen and (min-width: 1201px) {
        .kcss_results-wrapper.kam-posts-container {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
}