@media screen and (max-width: 767px) {

    input,
    select,
    textarea {
        font-size: 16px;
    }
}

/* Alternativa ao Warning */
.btn-warning-alt {
    color: #ffffff;
    background-color: #f05523;
    border-color: #ffffff;
    border-radius: 0;
}

.btn-warning-alt:hover,
.btn-warning-alt:active,
.btn-warning-alt:focus,
.btn-warning-alt.active {
    background: #ffffff;
    color: #f05523;
    border-color: #f05523;
}


/* Botão Candidatar */
.btn-apply {
    color: #2f0374;
    background-color: #ffffff;
    border-color: #2f0374;
    border-radius: 0;
    height: 2.2rem;
}

.btn-apply:hover,
.btn-apply:active,
.btn-apply:focus,
.btn-apply.active {
    background: #f05523;
    color: #ffffff;
    border-color: #f05523;
}

/* Botão Candidatar */
.btn-apply-grad {
    background-color: #dd2f6e;
    color: #ffffff;
    border-color: #dd2f6e;
    border-radius: 0;
}

.btn-apply-grad:hover,
.btn-apply-grad:active,
.btn-apply-grad:focus,
.btn-apply-grad.active {
    background: linear-gradient(155.06deg, #2f0374 15.39%, #dd2f6e 98.74%);
    color: #ffffff;
    border-color: #2f0374;
    border-radius: 0;
}


/* Botão Candidatar Novo */
.btn-apply-grad-new {
    background: linear-gradient(155.06deg, #2f0374 15.39%, #dd2f6e 98.74%);
    color: #ffffff;
    border-color: #2f0374;
    border-radius: 0;    
}

.btn-apply-grad-new:hover,
.btn-apply-grad-new:active,
.btn-apply-grad-new:focus,
.btn-apply-grad-new.active {
    background-color: #dd2f6e;
    color: #ffffff;
    border-color: #dd2f6e;
    border-radius: 0;
}


/* Botão Favoritos */
.btn-fav-grad {
    background-color: #ffc933;
    color: #2f0374;
    border-color: #2f0374;
    border-radius: 0;
}

.btn-fav-grad:hover,
.btn-fav-grad:active,
.btn-fav-grad:focus,
.btn-fav-grad.active {
    background: linear-gradient(155.06deg, #f05523 15.39%, #ffc933 98.74%);
    color: #ffffff;
    border-color: #2f0374;
    border-radius: 0;
}

/* f/Botão Favoritos */

.card-with-cta {
    background: linear-gradient(155.06deg, #2f0374 15.39%, #dd2f6e 98.74%);
    color: #ffffff;
}

.card-with-cta-2nd {
    background: linear-gradient(155.06deg, #ffc933 15.39%, #dd2f6e 98.74%);
    color: #ffffff;
}

.card-total-jo {
    background-color: #ffffff;
    color: #ffffff;
}

/* Botão CTA */
.btn-cta-grad {
    color: #2f0374;
    background-color: #ffffff;
    border-color: #2f0374;
    border-radius: 0;
}

.btn-cta-grad:hover,
.btn-cta-grad:active,
.btn-cta-grad:focus,
.btn-cta-grad.active {
    background: #2f0374;
    color: #ffffff;
}


/* Botão CTA (inverted) */
.btn-cta-grad-alt {
    color: #2f0374;
    background-color: #ffc933;
    border-radius: 0;
}

.btn-cta-grad-alt:hover,
.btn-cta-grad-alt:active,
.btn-cta-grad-alt:focus,
.btn-cta-grad-alt.active {
    background: #2f0374;
    color: #ffffff;
}

/* Botão CTA Alternativo 2 */
.btn-cta-alt {
    color: #dd2f6e;
    background-color: #ffffff;
    border-color: #dd2f6e;
    border-radius: 0;
}

.btn-cta-alt:hover,
.btn-cta-alt:active,
.btn-cta-alt:focus,
.btn-cta-alt.active {
    background: #dd2f6e;
    color: #ffffff;
}

.bg-gradient-clan {
    background: linear-gradient(155.06deg, #ffc933, #dd2f6e, #2f0374);
}

.bg-gradient-clan-alt {
    background: linear-gradient(45deg, #dd2f6e, #2f0374);
}

.bg-gradient-clan-160 {
    background: linear-gradient(160deg, #ffc933, #dd2f6e, #2f0374);
}

.bg-gradient-clan-120 {
    background: linear-gradient(120deg, #ffc933, #dd2f6e, #2f0374);
}

.bg-clan-c0 {
    background-color: #e0dada;
}

.bg-clan-c1 {
    background-color: #2121b5;
}

.bg-clan-c7 {
    background-color: #2f0374;
}

.bg-clan-c2 {
    color: #2f0374;
    background-color: transparent;
    border-color: #2f0374;
}

.bg-clan-c3 {
    background-color: #71288c;
}

.bg-clan-c4 {
    background-color: #dd2f6e;
}

.bg-clan-c5 {
    background-color: #f05523;
}

.bg-clan-c6 {
    background-color: #ffc933;
}


/* Cor de Textos */
.text-clan-c1 {
    color: #2121b5;
}

.text-clan-c2 {
    color: #2f0374;
}

.text-clan-c3 {
    color: #71288c;
}

.text-clan-c4 {
    color: #dd2f6e;
}

.text-clan-hover:hover {
    text-decoration: underline;
    text-decoration-thickness: 0.2em;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

.text-clan-c5 {
    color: #f05523;
}

.text-clan-c6 {
    color: #ffc933;
}


.sidebar {
    background: linear-gradient(45deg, #dd2f6e, #2f0374);
}


.badge-outline-clan-c0 {
    color: #52525b;
    background-color: transparent;
    background-image: none;
    border-color: #52525b;
    border: 1px solid;
}

.badge-outline-clan-c1 {
    color: #2121b5;
    background-color: transparent;
    background-image: none;
    border-color: #2121b5;
    border: 1px solid;
}

.badge-outline-clan-c2 {
    color: #2f0374;
    background-color: transparent;
    background-image: none;
    border-color: #2f0374;
    border: 1px solid;
}

.badge-outline-clan-c3 {
    color: #71288c;
    background-color: transparent;
    background-image: none;
    border-color: #71288c;
    border: 1px solid;
}

.badge-outline-clan-c4 {
    color: #dd2f6e;
    background-color: transparent;
    background-image: none;
    border-color: #dd2f6e;
    border: 1px solid;
}

.badge-outline-clan-c5 {
    color: #f05523;
    background-color: transparent;
    background-image: none;
    border-color: #f05523;
    border: 1px solid;
}

.badge-outline-clan-c6 {
    color: #ffc933;
    background-color: transparent;
    background-image: none;
    border-color: #ffc933;
    border: 1px solid;
}


#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: none;
}

/*
#btn-my-area {
    position: fixed;
    bottom: 80px;
    bottom: 140px;
    left: 20px;
    display: none;
}
*/

#btn-favourites {
    position: fixed;
    /*bottom: 140px; trocou com o btn-my-area*/ 
    bottom: 80px;
    left: 20px;
    display: none;
}

.jobtitle {
    font-size: calc(1.5rem + 1.5vw);
    font-weight: 900;
    color: #dd2f6e;
}

.footer-title {
    font-size: calc(1.8rem);
    font-weight: 800;
    color: #ffffff;
}

.footer-subtitle {
    font-size: calc(1.1rem);
    font-weight: 500;
    color: #ffffff;
}

.title-support-bar {
    font-size: calc(1.3rem);
    font-weight: 800;
    color: #dd2f6e;
    line-height: 1.2;
}

.subtitle-support-bar {
    font-size: calc(1.0rem);
    font-weight: 700;
    color: #2f0374;
}

.welcomeTitle {
    font-weight: 900;
    color: #dd2f6e;
}

.subwelcomeTitle {
    font-weight: 700;
    color: #2f0374;
}

.jobLocationTitle {
    font-size: calc(1.3rem);
    font-weight: 500;
    color: #2f0374;
}

.jobtitle-list {
    font-size: calc(1.2rem);
    font-weight: 800;
    color: #2f0374;
}

.is-favorite {
    font-size: calc(1.2rem);
    font-weight: 800;
    color: #dd2f6e;
}

.border-clan-c1 {
    border-color: #dd2f6e;
}

.totaljobs-title {
    font-size: calc(1.2em);
    font-weight: 800;
    color: #2f0374;
}

.filtered-items {
    font-size: calc(0.8em);
    font-weight: 700;
    color: #ffffff;
    background: #f05523;
    
}

.filtered-items-all {
    font-size: calc(0.8em);
    font-weight: 700;
    color: #ffffff;
    background: #2f0374;
}

.pre-results {
    background-color: #ffc933;
    font-weight: 800;
    font-size: calc(1.2em);
    color: #2f0374;
}

.pre-results-alt {
    font-weight: 600;
    font-size: calc(1.3rem);
    color: #2f0374;
}

.filters-check {
    font-weight: 400;
    font-size: calc(0.9em);
}

.mobile-menu-text {
    font-size: 26px;
    letter-spacing: 0.4px;
    font-weight: 800;
    text-transform: none;
    justify-content: flex-start;
}

.let-sp-4 {
    letter-spacing: 0.4px;
}

.fixed-top-2 {
    margin-top: 150x;
}

.form-control {
    font-weight: 800;
}

.fs-thin {
    font-weight: 550;
}

.fs-bold {
    font-weight: 800;
}

.fs-Normal {
    font-size: calc(1rem);
}

.fs-Higher {
    font-size: calc(1.3rem);
}

.fs-Big {
    font-size: calc(1.5rem);
}

.fs-Bigger {
    font-size: calc(1.5rem + 1vw);
}

.fs-Huge {
    font-size: calc(1.5rem + 1.5vw);
}