:root{
    --template-font : "Urbanist", sans-serif;
}

.ip-banner::before {
    opacity: 0.2;
}

div#inner-page-wrapper {
    padding-bottom: 0;
    font-family: var(--template-font);
}

div#inner-page-wrapper > .container {
    width: 100%;
}

.ip-careers-page {
    max-width: 1096px;
    margin: 0 auto;
}

.ip-careers-page-container {
    padding: 100px 0 0;
}

.ip-careers-page-container p#breadcrumbs {
    display: none;
}

.ip-careers-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 80px;
}

.ip-careers-title .global_site_title h2::after {
    left: 50%;
    transform: translateX(-50%);
}

/* Form */

.ip-careers-form {
    position: relative;
}

    .career-form-note {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.100em;
        color: #565656;
        font-style: italic;
    }

        .career-form-note span {
            color: #f5444c;
        }

    .careers-form-group {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 0 -45px;
    }

        .careers-form-column {
            width: 50%;
            padding: 40px;
        }

            .careers-form-row {
                display: flex;
                flex-wrap: wrap;
                width: 100%;
                margin: 0 0 30px;
            }

                .careers-form-field {
                    width: 100%;
                    padding: 0 5px;
                    display: flex;
                    flex-direction: column;
                    gap: 20px;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 1.4;
                    letter-spacing: 0.100em;
                    color: #565656;
                }

                .careers-form-field.field-sm {
                    width: 50%;
                }

                    .careers-form-field input[type="text"], 
                    .careers-form-field input[type="email"], 
                    .careers-form-field input[type="tel"], 
                    .careers-form-field select {
                        width: 100%;
                        height: 41px;
                        border: 1px solid #dcdcdc;
                        outline: none;
                        padding: 5px 20px;
                    }

                    .careers-form-field label span {
                        color: #f5444c;
                    }

                    .careers-form-field.field-select select {
                        appearance: none;
                        background: url(../../../../../uploads/2025/04/careers-v2-select-arrow.png);
                        background-repeat: no-repeat;
                        background-position: calc(100% - 15px) center;
                        padding-right: 25px;
                        cursor: pointer;
                        line-height: 1.2;
                    }

                    .careers-form-field.field-radio {
                        max-width: 75%;
                    }

                        .careers-form-field.field-radio span.wpcf7-list-item {
                            padding: 10px;
                            width: 50%;
                            margin: 0;
                            cursor: pointer;
                        }

                            .careers-form-field.field-radio span.wpcf7-list-item > label {
                                display: flex;
                                align-items: center;
                                gap: 11px;
                            }
                            
                            .careers-form-field.field-radio span.wpcf7-list-item input{
                                margin: 0;
                                position: relative;
                                width: 23px;
                                height: 23px;
                                opacity: 0.4;
                                cursor: pointer;
                            }

                            .careers-form-field.field-radio span.wpcf7-list-item span.wpcf7-list-item-label {
                                color: inherit;
                                cursor: pointer;
                            }
                            
                            .careers-form-field.field-radio span.wpcf7-list-item input:checked{
                                opacity: 1;
                                filter: brightness(0) saturate(100%) invert(8%) sepia(60%) saturate(5866%) hue-rotate(349deg) brightness(100%) contrast(92%);
                            }
                    
                    .careers-form-field.field-checkbox {}
                    
                        .careers-form-field.field-checkbox .wpcf7-list-item {
                            margin: 0 0 15px 0;
                        }
                        
                            .careers-form-field.field-checkbox .wpcf7-list-item > label {
                                display: flex;
                                align-items: center;
                                gap: 11px;
                            }
                            
                            .careers-form-field.field-checkbox .wpcf7-list-item input {
                                opacity: 0.4;
                                width: 22px;
                                height: 21px;
                                margin: 0;
                                cursor: pointer;
                            }
                            
                            .careers-form-field.field-checkbox .wpcf7-list-item > label span.wpcf7-list-item-label {
                                color: inherit;
                                cursor: pointer;
                            }
                            
                            .careers-form-field.field-checkbox .wpcf7-list-item input:checked {
                                opacity: 1;
                                filter: brightness(0) saturate(100%) invert(8%) sepia(60%) saturate(5866%) hue-rotate(349deg) brightness(100%) contrast(92%);
                            }

                .careers-form-field.field-submit {
                    display: block;
                }
                
                    .careers-form-field.field-submit .global_site_btn {
                        position: relative;
                    }

                        .careers-form-field.field-submit .global_site_btn input {
                            background: transparent;
                        }

                /* CF7 Validations / Spinner*/
                .careers-form-field:not(.field-radio):not(.field-checkbox) .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 10px;
                    left: unset;
                    font-size: 10px;
                    letter-spacing: 0.050em;
                }
                
                .careers-form-field.field-radio .wpcf7-form-control-wrap span.wpcf7-not-valid-tip, 
                .careers-form-field.field-checkbox .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
                    font-size: 10px;
                    letter-spacing: 0.050em;
                    top: -12px;
                    left: 0;
                }
                
                .wpcf7 form .wpcf7-response-output {
                    margin: 0;
                    padding: 5px;
                    font-size: 10px;
                    letter-spacing: 0.050em;
                    position: absolute;
                    bottom: 15px;
                    width: 100%;
                }
                
                .careers-form-field.field-submit .wpcf7-spinner {
                    left: calc(100% + 10px);
                    margin: 0;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                }
                /* CF7 Validations / Spinner*/
/* Form */

/* Logo */
.ip-careers-logo {
    padding: 30px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ip-careers-logo img {
        max-width: 100%;
    }
/* Logo */

/* Gallery */
.ip-careers-gallery {
    position: relative;
    padding: 120px 0;
    margin-top: 100px;
}

    .ip-careers-gallery::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 100%;
        background: #000;
    }

    .ip-careers-gallery .non_parallax_bg {
        opacity: 0.05;
        width: 65%;
        left: 50%;
        transform: translateX(-50%);
    }

    .ip-careers-gallery-container {
        display: flex;
        flex-direction: column;
        gap: 35px;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 2;
    }

        .ip-careers-gallery-feed {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .ip-careers-gallery-item {
                position: relative;
                padding: 15px;
                width: calc(100% / 3);
            }

                .ip-careers-gallery-item a {
                    position: relative;
                }

                    .ip-careers-gallery-item a canvas {
                        display: block;
                        width: 100%;
                        height: auto;
                        background: var(--accent);
                    }

                    .ip-careers-gallery-item a img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: center;
                        transition: var(--default-transition);
                    }

                    .ip-careers-gallery-item a:hover img{
                        opacity: 0.8;
                    }
/* Gallery */

.ip-careers-testimonials {}

    .ip-careers-testimonials-feed {
        padding: 70px 0 120px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

        .ip-careers-testimonials-item {
            padding: 40px;
            text-align: center;
            width: calc(100% / 3);
        }

            .ip-careers-testimonials-item-container {
                display: flex;
                flex-direction: column;
                gap: 35px;
            }

                .ip-careers-testimonials-item-icon {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                    .ip-careers-testimonials-item-icon img {
                        max-width: 100%;
                    }

                .ip-careers-testimonials-item-text {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    gap: 15px;

                    font-size: 14px;
                    font-weight: 400;
                    letter-spacing: 0.100em;
                    color: #565656;
                    line-height: 2;
                }

                    .ip-careers-testimonials-item-text p {
                        overflow: hidden;
                        display: -webkit-box;
                        -webkit-line-clamp: 5; /* number of lines to show */
                        line-clamp: 5;
                        -webkit-box-orient: vertical;
                    }

                    .ip-careers-testimonials-item-text-container span, 
                    .ip-careers-testimonials-item-text-container p {
                        display: inline;
                    }

                .ip-careers-testimonials-item-author{}

                    .ip-careers-testimonials-item-author > span {
                        font-size: 16px;
                        font-weight: 600;
                        text-transform: uppercase;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column;
                        letter-spacing: 0.100em;
                        line-height: 1.3;
                    }

                        .ip-careers-testimonials-item-author > span > span{
                            font-weight: 400;
                            color: #676767;
                            line-height: 1.4;
                            display: block;
                            text-transform: none;
                        }

@media only screen and (max-width: 991px) {
    .career-form-note{
        padding-bottom: 40px;
    }
    .careers-form-column {
        width: 100%;
        padding: 0 40px;
    }
    
    .careers-form-field.field-sm {
        width: 100%;
    }

    .careers-form-field.field-sm:not(:last-child) {
        margin-bottom: 30px;
    }
    
    .careers-form-field.field-radio {
        max-width: 400px;
    }
    
    .careers-form-field.field-checkbox span.wpcf7-form-control {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    
    .ip-careers-gallery-feed {
        flex-direction: column-reverse;
    }
    
    .ip-careers-gallery .non_parallax_bg {
        width: 100%;
    }

    .ip-careers-gallery-item{
        width: 100%;
        max-width: 400px;
    }
    
    .ip-careers-testimonials-feed {
        flex-direction: column;
    }
    
    .ip-careers-testimonials-item {
        max-width: 400px;
        margin: 0 auto;
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .careers-form-field.field-radio span.wpcf7-list-item{
        width: 100%;
    }

    .careers-form-field.field-checkbox .wpcf7-list-item > label span.wpcf7-list-item-label {
        width: calc(100% - 35px);
    }
    
    .careers-form-field.field-checkbox .wpcf7-list-item > label {
        align-items: flex-start;
    }
}

