@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');

* {
    font-family: 'Source Sans Pro', sans-serif;
}

:root {
    --color-blue: #0c4a6e;
    --color-blue-hover: #0ea5e9;
    --color-red: #e3003e;
    --color-red-hover: #e83f5b;
    --color-green: #04d361;
    --color-orange: #fd951f;
    --color-yellow: #f7df1e;
    --color-primary: #8257e6;
    --color-primary-hover: #9466ff;
    --color-info: #001d28;
    --color-info-hover: #06b6d4;
    --color-background-black: #121214;
    --color-secondary: #e1e1e6;
    --color-text: #a8a8b3;
    --color-support: #737380;
    --color-shape: #202024;
    --color-shape-hover: #29292e;
    --color-icons: #41414d;
    --color-borders: #323238;
    --color-black: #0d0d0f;
    --color-white: #fff;
}

.btn-web {
    background: var(--color-blue);
    color: var(--color-white);
}

.btn-web:hover {
    background: var(--color-blue-hover);
    color: var(--color-white);
}

.btn-web-default {
    background: var(--color-white);
    color: var(--color-shape);
}

.btn-web-default:hover {
    background: var(--color-support);
    color: var(--color-white);
}

.bg-web-primary {
    background-color: #3a86ff;
}

.text-bg-web-primary {
    color: #caf0f8;
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.w25 {
    width: 25px;
}

.nav-pills {
    .nav-link {
        color: var(--color-shape);
    }

    .nav-link.active,
    .show > .nav-link {
        background-color: var(--color-shape);
    }
}

.job-connect--top {
    .job-connect--top-account {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }
}

.job-connect--navbar {
    .job-connect--navbar-ul {
        li {
            a.active {
                text-decoration: underline;
            }

            a:hover {
                color: var(--color-white);
                text-decoration: underline;
            }
        }
    }
}

.job-connect--section-banner {
    background-color: #243b53;

    .job-connect--section-banner-bg {
        background-image: url("https://images.unsplash.com/photo-1496307653780-42ee777d4833?ixlib=rb-1.2.1&auto=format&fit=crop&w=2000&q=80");
        background-position: center;
        background-size: cover;
        opacity: .4;
    }

    .container {
        padding: 160px 0;

        h1 {
            font-size: 3.75rem !important;
        }
    }
}

.job-connect--section-vacancy {
    background-color: #f0f4f8;
}

.job-connect--section-join {
    background-color: #334e68;
    color: var(--color-white);
}

.job-connect--footer {
    background-color: #243b53;
    color: var(--color-white);

    .job-connect--footer-social {
        a {
            color: var(--color-white);
            text-decoration: none;

            &:hover {
                color: var(--color-text);
            }
        }
    }

    .job-connect--footer-links {
        li {
            a {
                color: var(--color-white);
                text-decoration: none;

                &:hover {
                    color: var(--color-text);
                }
            }
        }
    }
}

.job-connect--social {
    span {
        a {
            color: var(--color-shape);

            &:hover {
                color: var(--color-icons);
            }
        }
    }
}

/**
BREADCRUMB
 */
.breadcrumb-chevron {
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    gap: .5rem;
}
.breadcrumb-chevron .breadcrumb-item {
    display: flex;
    gap: inherit;
    align-items: center;
    padding-left: 0;
    line-height: 1;
}
.breadcrumb-chevron .breadcrumb-item::before {
    gap: inherit;
    float: none;
    width: 1rem;
    height: 1rem;
}

.breadcrumb-custom .breadcrumb-item {
    position: relative;
    flex-grow: 1;
    padding: .75rem 3rem;
}
.breadcrumb-custom .breadcrumb-item::before {
    display: none;
}
.breadcrumb-custom .breadcrumb-item::after {
    position: absolute;
    top: 50%;
    right: -25px;
    z-index: 1;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    content: "";
    /*background-color: var(--bs-tertiary-bg);*/
    border-top-right-radius: .5rem;
    box-shadow: 1px -1px var(--bs-border-color);
    transform: scale(.707) rotate(45deg);
}
.breadcrumb-custom .breadcrumb-item:first-child {
    padding-left: 1.5rem;
}
.breadcrumb-custom .breadcrumb-item:last-child {
    padding-right: 1.5rem;
}
.breadcrumb-custom .breadcrumb-item:last-child::after {
    display: none;
}