:root {
    --primary_color-emp: #1E308C;
    --button_color-emp: #3C50FF;
    --hover_button_color-emp: #1E429F;
    --link_color-emp: #5A60F1;
}

:root {
    --primary_color-js: #f07e1d;
    --hover_link-js: #FFA940;
    --hover_btn-js: #FF5A1F;
    --disabled_btn-js: #FCD9BD;
}

:root {
    --background-box-color: #ffffff78;
    --background-hover-color: #F3F4F6;
}

:root {
    --text-color: #333;
    --new-text-color: rgba(0, 0, 0, 0.85);
    --character-secondary-45: rgba(0, 0, 0, 0.45);
    --character-disabled-placeholder-25: rgba(0, 0, 0, 0.25);
}

:root {
    --border-color: #ECECEC;
    --border-hover-color: #E5E7EB;
}

:root {
    --box-shadow: 0 0 15px #00000015;
}

:root {
    --text-secondnary: #BFBFBF;
}

:root {
    --jobtag-color: #F4F5F5;
}

:root {
    --job-icon: #D5D5D5;
}

:root {
    --employer_btn: #486DE4;
}

:root {
    --tertiary_em: #366EFF;
}

:root {
    --color_link-em: #366EFF;
}

:root {
    --hover_link-em: #5981FF;
}

:root {
    --tertiary_js: #5981FF;
}

:root {
    --border_radius-container: 10px;
}

/* Container */
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

a {
    color: #f07e1d;
    text-decoration: none;
}

p {
    margin: 0 0 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.container {
    max-width: 1170px;
    width: unset;
}

/* Template button */

.btn_js {
    background-color: var(--primary_color-js);
}

.btn_js:hover {
    background-color: var(--button-hover-color);
}

/* Template link jobseeker */

.link_js {
    color: var(--primary_color-js);
}

.link_js:hover {
    color: var( --hover_link-js);
    text-decoration: underline;
}

/* Template link employer */

.link_em {
    color: var( --color_link-em);
}

.link_em:hover {
    color: var( --hover_link-em);
    text-decoration: underline;
}

/* Reponsive */

.mobile {
    display: none;
}

@media only screen and (max-width: 480px) {
    .web {
        display: none;
    }

    .mobile {
        display: block;
    }
}