/** Careerss Page Styles
  -------------------------------
*/

.wdt-career-archive-wrapper {
    display: flex;
    flex-wrap: wrap;
    --ser-gap: 30px;
    gap: var(--ser-gap);
}

.wdt-career-archive-wrapper.wdt-columns-5>.wdt-career-item {
    flex: 0 0 calc(20% - calc(var(--ser-gap) / 1.25));
}

.wdt-career-archive-wrapper.wdt-columns-4>.wdt-career-item {
    flex: 0 0 calc(25% - calc(var(--ser-gap) / 1.333));
}

.wdt-career-archive-wrapper.wdt-columns-3>.wdt-career-item {
    flex: 0 0 calc(33.3333% - calc(var(--ser-gap) / 1.5));
}

.wdt-career-archive-wrapper.wdt-columns-2>.wdt-career-item {
    flex: 0 0 calc(50% - calc(var(--ser-gap) / 2));
}

.wdt-career-archive-wrapper.wdt-columns-1>.wdt-career-item {
    flex: 0 0 100%;
}





/* ---------------------------------------------------------------------
 === Service Single ===
--------------------------------------------------------------------- */

/* -----Archive Codes---- */

.wdt-careers-archive-wrapper .wdt-career-item {
    padding: clamp(1.875rem, 1.6672rem + 0.694vw, 2.5rem) /*40-30*/ clamp(1.875rem, 1.2517rem + 2.0819vw, 3.75rem) /*30-60*/;
    background: var(--wdtAccentTxtColor);
    display: flex;
    gap: 20px;
    position: relative;
}
.wdt-careers-archive-wrapper .wdt-career-item .wdt-career-content-group { flex: 1 1 auto; }
.wdt-careers-archive-wrapper .wdt-career-item  .wdt-career-button-wrapper { flex: 0 0 auto; align-self: center; }

.wdt-careers-archive-wrapper .wdt-career-item .wdt-career-content-group h5 {
    margin-top: 0;
    font-size: var(--wdtFontSize_H5);
    margin-bottom: 20px;
}
.wdt-careers-archive-wrapper .wdt-career-item .wdt-career-content-group h5 a:hover { color: rgb(var(--wdtPrimaryColorRgb), 0.6); }
.wdt-careers-archive-wrapper .wdt-career-item .wdt-career-content-group .wdt-career-content-wrapper {
    display: flex;
    gap: clamp(0.875rem, 0.7503rem + 0.4164vw, 1.25rem);
    flex-wrap: wrap;
}
.wdt-careers-archive-wrapper .wdt-career-item .wdt-career-content-group .wdt-career-content-wrapper span {
    font-size: var(--wdtFontSize_Base);
    letter-spacing: var(--wdtLetterSpacing_1X);
    display: flex;
    align-items: center;
    text-transform: capitalize;
}
.wdt-careers-archive-wrapper .wdt-career-item .wdt-career-content-group .wdt-career-content-wrapper span:not(:last-child):after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid var(--wdtPrimaryColor);
    position: relative;
    margin-left: clamp(0.875rem, 0.7503rem + 0.4164vw, 1.25rem);
    vertical-align: middle;
}
.wdt-careers-archive-wrapper .wdt-career-item .wdt-career-button-wrapper .wdt-career-button a {
    background-color: transparent;
    color: var(--wdtBodyTxtColor);
    font-size: 0;
    height: 56px;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--wdtRadius_Full);
    transition: var(--wdt-Ad-Transition);
    border: 1px solid var(--wdtBorderColor);
    position: relative;
}
.wdt-careers-archive-wrapper .wdt-career-item .wdt-career-button-wrapper .wdt-career-button a:after{
    content: '';
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M8.1,53.9H4.1v-7.9h3.9V50V53.9z M91.9,46.1c2.2,0,3.9,1.8,3.9,3.9c0,2.2-1.8,3.9-3.9,3.9V50V46.1z M8.1,50v-3.9h83.8V50 v3.9H8.1V50z M49,98.5l-5.6-5.6L86.4,50L43.4,7.1L49,1.5l45.7,45.7c0.7,0.7,1.2,1.7,1.2,2.8s-0.4,2-1.2,2.8L49,98.5z'/%3E%3C/svg%3E%0A");
    height: 18px;
    width: 18px;
    background-color: var(--wdtBorderColor);
    mask-position: center;
    mask-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: var(--wdt-Ad-Transition);
}
.wdt-careers-archive-wrapper .wdt-career-item .wdt-career-button-wrapper .wdt-career-button a:hover:after{background-color: var(--wdtAccentTxtColor);}

.wdt-careers-archive-wrapper .wdt-career-item .wdt-career-button-wrapper .wdt-career-button a:hover {
    background-color: rgb(var(--wdtPrimaryColorRgb), 1);
    color: var(--wdtAccentTxtColor);
    border-color: var(--wdtLinkHoverColor);
}

.wdt-careers-archive-wrapper.wdt-columns-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.wdt-career-item .wdt-career-content-wrapper {
    display: flex;
    gap: 10px clamp(0.875rem, 0.7503rem + 0.4164vw, 1.25rem);/*20-14*/
    flex-wrap: wrap;
}

/* #primary .wdt-careers-archive-wrapper + .pagination {
    margin-top: 35px;
} */

@media (max-width:1024px) { 
    .wdt-careers-archive-wrapper .wdt-career-item { flex-wrap: wrap; }
 }

@media (max-width:767px) {
    .wdt-careers-archive-wrapper.wdt-columns-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}