/*
* Author      : hS
*/

/*@font-face {
    font-family: 'Basier Circle Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Basier Circle Regular'), url('../fonts/Basier/BasierCircle-Regular.woff') format('woff');
}*/
/*@font-face {
    font-family: 'Basier Square Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Basier Square Regular'), url('../fonts/Basier/BasierSquare-Regular.woff') format('woff');
}*/

:root {
    --jfl-color-primary: #747273;
    --jfl-color-secondary: #0096BE;
    --jfl-color-tertiary: #77267a;
    --jfl-color-main: #991c1f; /** Main */
    --jfl-color-main-hover: #dc7f00; /** Main */
    --jfl-color-main-fade: #dc7f00; /** Main */
    --jfl-color-neutral: #D0D0D0;
    --jfl-color-block-background: #F4F6F8; /* #F6F6F6 */
    --jfl-color-black: #212222;
    --jfl-color-smartrecruiters: #00AE41;
}

html, body {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    /*font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;*/
    color: var(--jfl-color-black);
}

.logo-img {
    max-height: 70px;
}

.home #section-search .checkbox-jfl {
    /*color: white;*/
}

.btn-jfl-main {
    color: white;
}
.btn-jfl-main:hover {
    color: white;
}

.btn-jfl-main-border {
    color: var(--jfl-color-main);
}
.btn-jfl-main-border:hover {
    color: white;
}

.search-job-button {
    color: white;
}
.search-job-button:hover {
    color: white;
}

/*
.hero-text-block {
    color: white;
}
@media ( max-width : 520px ) {
    .hero-text-block {
        color: black;
    }
}
*/

/*
h1, h2 {
    font-family: 'Oswald', sans-serif;
}

.entry-content .font-default {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
}
.entry-content .font-heading {
    font-family: 'Oswald', -apple-system, BlinkMacSystemFont, sans-serif;
}
.entry-content .font-blog {
    font-family: 'Spectral', serif;
}

.entry-content h1, 
.entry-content h2,
.entry-content h3,
.entry-content h4, 
.entry-content h5 {
    font-family: 'Oswald', -apple-system, BlinkMacSystemFont, sans-serif;
}

body.single-post .entry-content {
    font-family: 'Spectral', serif;
}
*/

.hswp-faq-title {
    background-color: #FAFAFA;
}

.hswp-faq-content {
    background-color: #FAFAFE;
}

/** Add to Any */

.addtoany_list a span {
    /*border: 1px solid var(--jfl-color-main);*/
    border: 1px solid #ddd;
    background-color: rgba(255,255,255,0.9) !important;
    border-radius: 50% !important;
    padding: 10px;
    transition: all ease-in-out 0.1s;
}

.addtoany_list a:hover span {
    border: 1px solid var(--jfl-color-main);
    background-color: rgba(255,255,255,0.9) !important;
    transition: all ease-in-out 0.1s;
}

/** Translation styles */

html[dir=rtl], body.rtl {
    font-size: 1.05rem;
    /* font-family: "Almarai", 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; */
}

.rtl .hswp-arabic {
    font-family: "Almarai", 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    letter-spacing: 0 !important;
}

.rtl .navbar-nav li {
    font-family: "Almarai", 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    letter-spacing: 0 !important;
    text-align: right;
}

.rtl #main-nav ul#navbarNav li:last-child a {
	padding-right: 22px;
}

.rtl .search-job-icon {
    right: 25px;
    left: auto;
    width: 20px;
}

.rtl .search-job-field {
    padding-right: 55px;
}

.rtl .search-job-button,
.rtl .search-job-button:active,
.rtl .search-job-button:focus {
    left: 0;
    right: auto;
    border-radius: 36px 0 0 36px;
    padding: 11px 30px 11px;
    min-height: 100%;
}

.rtl .bootstrap-select .dropdown-toggle .filter-option {
    text-align: right;
}

.rtl .bootstrap-select.bs-select-picker ul.dropdown-menu {
    text-align: right;
}

.rtl .bootstrap-select.bs-select-picker button.dropdown-toggle {
    padding: .375rem .75rem .375rem .75rem;
}

.rtl .bootstrap-select.bs-select-picker button.dropdown-toggle {
    background: #fff url("../img/arrows/cs-arrow-black.png") no-repeat left .75rem center;
    background-size: auto;
    background-size: 12px auto;
}

.rtl select.select-jfl {
    background: #fff url("../img/arrows/cs-arrow-black.png") no-repeat left .75rem center;
    background-size: auto;
    background-size: 12px auto;
}

.rtl .jobs-statistics {
    text-align: right;
}

.rtl .jobs-open-total {
    text-align: right;
}

.rtl .catalogue-title {
    padding: 15px 0;
}

.rtl .signup-job {
    text-align: right;
}

.rtl .catalogue-title a:first-child {
    position: absolute;
    right: 0;
    top: 0;
}

.rtl .catalogue-title a.catalogue-all {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
}

.rtl .filter-dropdown {
    text-align: right;
    background: #fff url("../img/arrows/cs-arrow-black.png") no-repeat left .75rem center;
    background-size: auto;
    background-size: 12px auto;
}

.rtl .search-candidate-icon {
    right: 25px;
    left: auto;
    width: 20px;
}

.rtl .search-candidate-field {
    padding-right: 55px;
}

.rtl .job-alert-content {
    text-align: right;
}

.rtl .jfh-successstory-card .jfh-successstory-title {
    text-align: right;
}
.rtl .jfh-successstory-card .jfh-successstory-content {
    text-align: right;
}

/** Employer page */

.rtl .reset-candidate-icon {
    right: auto;
    left: 25px;
    width: 20px;
}

.rtl .search-candidate-button-container {
    text-align: left;
}
@media ( max-width: 769px ){
    .rtl .search-candidate-button-container {
        text-align: center;
    }
}

.rtl .objective-title-container,
.rtl .skills-title-container,
.rtl .keyresults-title-container,
.rtl .top-matches-title-container,
.rtl .recent-success-stories-title-container 
{
    text-align: right;
}

.rtl .success-stories {
    text-align: right;
}

.rtl #employer-signup-form {
    text-align: right;
}

.rtl .checkbox-jfl {
    padding-right: 35px;
}

.rtl #employer-signup-form .checkbox-jfl-checkmark {
    right: 0;
}

.rtl #jfh-trainingslide-carousel-control .slick-prev {
    left: 10px;
    right: auto;
}

.rtl #jfh-trainingslide-carousel-control .slick-next {
    left: auto;
    right: -70px;
}

.rtl header .entry-title {
    text-align: right;
}
.rtl header .entry-description {
    text-align: right;
}